Toggle Group
FREEKayan vurgulu segment kontrolü, ayrıca çerçeveli ve sade araç çubuğu; tekli veya çoklu seçim.
Kurulum
Terminal
npx @bloxa/cli add toggle-group
# or: npx shadcn@latest add @bloxa/toggle-groupOtomatik kurulan paketler: motion, radix-ui
Örnekler
Segment kontrolü
Seçim değişince vurgu kayar.
Selected: week
Araç çubuğu
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
ToggleGroup
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| type | "single" | "multiple" | "single" | Tekli ya da çoklu seçim. |
| variant | "segmented" | "outline" | "ghost" | "segmented" | Görünüm. |
| size | "sm" | "md" | "lg" | "md" | Boyut. |
| fullWidth | boolean | false | Genişliği doldur. |
Toggle
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| pressed / onPressedChange | boolean / (pressed) => void | — | Açık durumu. |
| variant | "ghost" | "outline" | "ghost" | Görünüm. |