NumberField

სტუმრების რაოდენობის შეყვანა ლოკალიზებული ფორმატირებით.

მაგალითი

@llc-conciergia/ui/number-field

import {
  NumberField,
  NumberFieldGroup,
  NumberFieldInput,
  NumberFieldIncrement,
  NumberFieldDecrement,
} from "@llc-conciergia/ui/number-field";

<NumberField defaultValue={2} min={1} max={8}>
  <NumberFieldGroup>
    <NumberFieldDecrement />
    <NumberFieldInput aria-label="სტუმრების რაოდენობა" />
    <NumberFieldIncrement />
  </NumberFieldGroup>
</NumberField>

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import {
  NumberField,
  NumberFieldGroup,
  NumberFieldInput,
  NumberFieldIncrement,
  NumberFieldDecrement,
} from "@llc-conciergia/ui/number-field";

Conciergia CLI

npx @llc-conciergia/cli add number-field

shadcn CLI

npx shadcn@latest add https://ui.conciergia.co/r/number-field.json

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
NumberField: value / defaultValue	number \| null	—	რიცხვითი მნიშვნელობა.
NumberField: onValueChange / onValueCommitted	Base UI callbacks	—	რიცხვის ცვლილება.
NumberField: min / max / step	number	—	ზღვრები და ნაბიჯი.
NumberField: format / locale	Intl.NumberFormatOptions / string	—	რიცხვის ფორმატირება; ენა მოდის LocaleProvider-იდან.
NumberField: disabled / readOnly	boolean	false	კრძალავს რედაქტირებას.
NumberField: id / name / required / …	Base UI NumberField.Root props	—	id მიეცით root-ს: ის აკავშირებს label-ს, ველსა და ღილაკებს.
NumberFieldGroup: children / className / ref	Base UI NumberField.Group props	—	ველისა და ღილაკების განლაგება.
NumberFieldInput: aria-label / className / ref / …	Base UI NumberField.Input props	—	სახელი ან დაკავშირებული label აუცილებელია.
NumberFieldIncrement / NumberFieldDecrement: aria-label / children / className / ref / …	Base UI stepper props	—	ლოკალიზებული სახელები და Plus/Minus ხატულები.
NumberFieldScrubArea: children / className / ref / …	Base UI NumberField.ScrubArea props	—	მაუსით გადათრევის არე; ჩასვით label.