Toggle Group

FREE

Kayan 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-group

Otomatik 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

ÖzellikTipVarsayılanAçı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.
fullWidthbooleanfalseGenişliği doldur.

Toggle

ÖzellikTipVarsayılanAçıklama
pressed / onPressedChangeboolean / (pressed) => void—Açık durumu.
variant"ghost" | "outline""ghost"Görünüm.