SidebarNav

Collapsible workspace and chat navigation with gliding hover states.

Installation

Preview

Source

Adapted from slev12397/beautiful-ui under the MIT License. Commercial icons were replaced and demo analytics were removed; attribution remains bundled with the component foundation.

API Reference

PropTypeDefaultDescription
activeTitlestring | nullControlled active chat title.
activeNavstringControlled primary navigation key.
recentsSidebarRecent[]Recent chat entries.
fillbooleanfalseFills available height.
footerLabelstring"Upgrade"Footer CTA label.
onNavigate(key: string) => voidHandles navigation.
onPick(id: string, label: string, prompt?: string) => voidHandles a recent chat selection.