Dropdown

Pasif ve tehlikeli öğeleri destekleyen bölümlü aksiyon menüsü.

Dropdown.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/dropdown.json

Kullanım Örneği

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

<Dropdown trigger={<Button>İşlemler</Button>} items={[{ label: "Düzenle", onClick: edit }, { label: "Sil", danger: true, onClick: remove }]} />

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
trigger	ReactElement	—	Menüyü açan öğe.
items	DropdownItem[]	—	Tek liste menü öğeleri.
sections	DropdownSection[]	—	Başlıklı menü bölümleri.
align	"left" \| "right" \| "center"	"right"	Menü hizası.
width	"auto" \| "sm" \| "md" \| "lg" \| "xl"	"md"	Menü genişliği.
isOpen	boolean	—	Kontrollü açık durum.
onOpenChange	(open: boolean) => void	—	Açık durum değişikliği.
defaultOpen	boolean	false	Kontrolsüz ilk açık durum.
menuLabel	string	"Aksiyon menüsü"	Menünün erişilebilir adı.