Number Input

نصب

pnpm dlx @simurgh-ui/cli add number-input

import { NumberInput } from '@simurgh-ui/react/number-input';
import { NumberInput as VueNumberInput } from '@simurgh-ui/vue/number-input';
import { NumberInputComponent } from '@simurgh-ui/angular/number-input';
import '@simurgh-ui/styles/number-input.css';

پیش‌نمایش واقعی

Live component Number Input ◆

Quantity

−+

استفاده

<NumberInput
  aria-label="تعداد"
  name="quantity"
  value={quantity}
  min={0}
  max={10}
  step={1}
  onValueChange={setQuantity}
/>

Vue از v-model و Angular از [(value)] استفاده می‌کنند. min، max و step باید با validation سمت server یکسان باشند.

کنترل‌های افزایش/کاهش accessible name روشن نیاز دارند. ورود مستقیم صفحه‌کلید، paste و مقدار خالی را پشتیبانی کنید و هنگام تجزیهٔ نامعتبر state خطا و متن اصلاح را نشان دهید.

Last verified on 2026-08-13 against Simurgh registry 0.1.1.