Button Group

İlişkili aksiyonları yatay veya dikey olarak gruplayan erişilebilir düzen.

ButtonGroup.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/button-group.json

Kullanım Örneği

import { Button, ButtonGroup } from "@/components/ui"

<ButtonGroup ariaLabel="Metin hizalama">
  <Button variant="outline">Sol</Button>
  <Button variant="outline">Orta</Button>
  <Button variant="outline">Sağ</Button>
</ButtonGroup>

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
ariaLabel	string	—	Buton grubunun zorunlu erişilebilir adı.
orientation	"horizontal" \| "vertical"	"horizontal"	Grubun yönü.
attached	boolean	true	Komşu butonların kenarlarını birleştirir.