Sidebar

App navigation sidebar. Compound component with Logo, Nav, Item, Separator, Footer. Supports collapsed state.

Preview

Usage

import { Sidebar } from '@ramtt/ui'

<Sidebar>
  <Sidebar.Logo>RAMTT</Sidebar.Logo>
  <Sidebar.Nav>
    <Sidebar.Item href="/dashboard" active>Dashboard</Sidebar.Item>
    <Sidebar.Item href="/sessions">Sessions</Sidebar.Item>
  </Sidebar.Nav>
</Sidebar>

Props

Prop	Type	Default	Description
collapsed	`boolean`	false	Collapsed state (icon-only)
children*	`ReactNode`	—	Sidebar sections