Toggle
სერვისის ან რჩეული ნომრის ჩართვა და გამორთვა.
მაგალითი
import { Toggle } from "@llc-conciergia/ui/toggle";
<>
<Toggle defaultPressed>რჩეული</Toggle>
<Toggle variant="outline">აივნით</Toggle>
</>ინსტალაცია
pnpm add @llc-conciergia/uiimport { Toggle } from "@llc-conciergia/ui/toggle";npx @llc-conciergia/cli add togglenpx shadcn@latest add https://ui.conciergia.co/r/toggle.jsonProps
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| Toggle: pressed / defaultPressed | boolean | false | ჩართული მდგომარეობა. |
| Toggle: onPressedChange | (pressed, details) => void | — | მდგომარეობის ცვლილება. |
| Toggle: variant | default | outline | default | ღილაკის იერსახე. |
| Toggle: size | sm | md | lg | md | ზომა. |
| Toggle: disabled / value | boolean / string | — | გამორთვა ან ჯგუფში მნიშვნელობა. |
| Toggle: children / aria-label | ReactNode / string | — | მხოლოდ ხატულას სჭირდება aria-label. |
| Toggle: ref / className / render / … | Base UI Toggle props | — | ღილაკის დანარჩენი ატრიბუტები. |
| toggleVariants | CVA function | — | იგივე ვარიანტების კლასების მიღება. |