Toolbar

Ok tuşları, Home ve End ile gezilebilen erişilebilir aksiyon çubuğu.

Toolbar.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/toolbar.json

Kullanım Örneği

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

<Toolbar ariaLabel="Metin biçimlendirme">
  <Button variant="ghost">Kalın</Button>
  <Button variant="ghost">İtalik</Button>
</Toolbar>

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
ariaLabel	string	—	Araç çubuğunun zorunlu erişilebilir adı.
orientation	"horizontal" \| "vertical"	"horizontal"	Klavye gezinme ve yerleşim yönü.
loop	boolean	true	Son öğeden ilk öğeye dönmeyi sağlar.