MiHCM
layout/@mihcm/ui·v0.21.0·stable

Sidebar

Composable, collapsible sidebar with mobile sheet support, keyboard shortcuts (Ctrl/Cmd+B), and cookie persistence.

ConfiguratorExamplesUsageAccessibilityApi

Default

A full shell with sidebar navigation and a main content inset.

Dashboard

Main content area.

The trigger lives inside SidebarInset so it remains available when the sidebar is collapsed.

With groups

Organize items into labelled groups using SidebarGroupLabel.

Dashboard

Main content area.

Groups should stay short enough to scan. Split unrelated sections instead of using one long menu.

Collapsed state

Start collapsed with defaultOpen={false} and collapsible="icon" to show icon-only rail.

Dashboard

The sidebar starts collapsed and shows only icons.

Use tooltip on collapsed menu buttons so text labels are still available on hover or focus.

Mobile sheet

Force mobile mode with mobile to review the small-screen behavior without resizing the browser.

Mobile shell

The same sidebar renders as a Sheet overlay on mobile.

On real mobile viewports the provider switches automatically at mobileBreakpoint. The sidebar becomes a side-aware Sheet and uses mobileWidth instead of the desktop width.