Checkbox
მონიშვნის ველი Base UI-ზე. label-ით ავტომატურად იღებს ხელმისაწვდომ სახელს; კლავიატურით Space ცვლის მდგომარეობას.
მაგალითი
import { Checkbox } from "@llc-conciergia/ui/checkbox";
<Checkbox label="საუზმე ჩართულია" defaultChecked />
<Checkbox label="ტრანსფერი აეროპორტიდან" />
<Checkbox label="ყველა სერვისი" indeterminate />ინსტალაცია
pnpm add @llc-conciergia/uiimport { Checkbox } from "@llc-conciergia/ui/checkbox";npx @llc-conciergia/cli add checkboxnpx shadcn@latest add https://ui.conciergia.co/r/checkbox.jsonProps
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| label | ReactNode | — | ხილული ტექსტი; checkbox-ს label-ში ახვევს. |
| checked / defaultChecked | boolean | — | კონტროლირებადი ან საწყისი მდგომარეობა. |
| onCheckedChange | (checked: boolean) => void | — | ცვლილება (მხოლოდ კლიენტ-კომპონენტიდან). |
| indeterminate | boolean | false | ნაწილობრივი მონიშვნა. |
| invalid | boolean | — | aria-invalid და destructive ჩარჩო. |
| disabled | boolean | false | გამორთვა. |