Drawer

FREE

Dört kenardan yaylı hareketle kayarak açılan, sürükleyerek kapatılabilen panel.

Kurulum

Terminal
npx @bloxa/cli add drawer
# or: npx shadcn@latest add @bloxa/drawer

Otomatik kurulan paketler: motion, radix-ui

Örnekler

Dört yön

Üst ve alt panel tutamaktan, yan paneller panelin kendisinden sürüklenerek kapanır.

Filtre paneli

API

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

DrawerContent

Drawer, Dialog ile aynı API'yi kullanır.

ÖzellikTipVarsayılanAçıklama
side"top" | "right" | "bottom" | "left""right"Açıldığı kenar.
sizestring"24rem"Sol/sağ panelin genişliği.
swipeToClosebooleantrueSürükleyerek kapatma.
showClosebooleantrueKöşede × düğmesi.