Sidebar
FREEMasaüstünde ikon şeridine daralan (⌘B), mobilde soldan açılan çekmeceye dönüşen uygulama kenar çubuğu.
Kurulum
Terminal
npx @bloxa/cli add sidebar
# or: npx shadcn@latest add @bloxa/sidebarÖrnekler
Uygulama düzeni
Collapse the sidebar to an icon rail; hover icons for labels. On a phone it opens as a drawer.
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
SidebarProvider
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| defaultExpanded | boolean | true | Masaüstünde başlangıçta geniş. |
| hotkey | string | false | "b" | ⌘/Ctrl ile aç-kapa tuşu. |
| storageKey | string | null | "bloxa-sidebar" | Durumu hatırla. |
| mobileQuery | string | "(max-width: 767px)" | Çekmeceye dönüştüğü medya sorgusu. |
Sidebar
SidebarHeader, SidebarContent, SidebarFooter ve SidebarTrigger ile; içine NavMenu koy. useSidebar() durumu verir.
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| collapsible | "icon" | "none" | "icon" | İkon şeridine daralabilir mi. |
| width | string | "16rem" | Geniş hâldeki genişlik. |