Sidebar

Side navigation panel with collapsible support.

Import

import { Sidebar } from '@kikumi3n/ui';

Usage

<Sidebar
  items={[
    { key: 'home', label: 'Home', icon: <HomeIcon />, href: '/' },
    { key: 'settings', label: 'Settings', icon: <GearIcon />, href: '/settings' },
  ]}
  collapsed={false}
  onToggle={() => setCollapsed(!collapsed)}
/>

API

Prop	Type	Default	Description
items	SidebarItem[]	required	Navigation items
collapsed	boolean	false	Collapsed state
onToggle	() => void	—	Toggle handler