Sidebar

画面の左右に固定するナビゲーション領域を、開閉状態の管理・モバイルでの Sheet 化まで含めて組み立てるコンポーネント群です。SidebarProvider で全体を包み、Sidebar にメニューを、SidebarInset に本体コンテンツを置き、SidebarTrigger で開閉します。ジョブアンテナでは求職者マイページや企業管理画面(ダッシュボード・求人票・候補者・応募者・設定)のグローバルナビゲーションに使います。

基本

SidebarProvider + Sidebar + SidebarInset の最小構成です。グループ見出し・未読バッジ・サブメニューを備え、SidebarTrigger と SidebarRail で開閉できます。

管理画面

variant="inset" の企業管理画面向けサイドバーです。候補者・応募者のサブメニュー、未読件数の destructive バッジ、フッターの会社アカウント表示と、SidebarInset 側の KPI カードを組み合わせています。

アイコン折りたたみ

collapsible="icon" でアイコン幅まで縮められる構成です。SidebarMenuButton の tooltip を指定すると、折りたたみ中だけラベルがツールチップで表示されます。画面を広く使いたい管理画面向けです。