Sidebar

FREE

Masaü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

home
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

ÖzellikTipVarsayılanAçıklama
defaultExpandedbooleantrueMasaüstünde başlangıçta geniş.
hotkeystring | false"b"⌘/Ctrl ile aç-kapa tuşu.
storageKeystring | null"bloxa-sidebar"Durumu hatırla.
mobileQuerystring"(max-width: 767px)"Çekmeceye dönüştüğü medya sorgusu.

Sidebar

SidebarHeader, SidebarContent, SidebarFooter ve SidebarTrigger ile; içine NavMenu koy. useSidebar() durumu verir.

ÖzellikTipVarsayılanAçıklama
collapsible"icon" | "none""icon"İkon şeridine daralabilir mi.
widthstring"16rem"Geniş hâldeki genişlik.