Drawer
FREEDö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/drawerOtomatik 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.
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| side | "top" | "right" | "bottom" | "left" | "right" | Açıldığı kenar. |
| size | string | "24rem" | Sol/sağ panelin genişliği. |
| swipeToClose | boolean | true | Sürükleyerek kapatma. |
| showClose | boolean | true | Köşede × düğmesi. |