Toggle Group

Tekli veya çoklu seçim destekleyen ilişkili toggle kontrol grubu.

ToggleGroup.tsx

Kurulum

shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:

$npx shadcn@latest add https://ui.cagriozay.com.tr/r/toggle-group.json

import { ToggleGroup } from "@/components/ui"

<ToggleGroup ariaLabel="Hizalama" items={alignments} defaultValue={["left"]} />

Prop	Tür	Varsayılan	Açıklama
items	ToggleGroupItem[]	—	Seçilebilir toggle öğeleri.
type	"single" \| "multiple"	"single"	Seçim davranışı.
value	string[]	—	Kontrollü seçili değerler.
defaultValue	string[]	[]	Kontrolsüz başlangıç değerleri.
onValueChange	(value: string[]) => void	—	Seçim değiştiğinde çağrılır.
ariaLabel	string	—	Grubun zorunlu erişilebilir adı.