SidebarNav

Collapsible workspace and chat navigation with gliding hover states.

Installation

This component is primitive-agnostic — same source under both flavors.

Preview

Inspect

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 | null—Controlled active chat title.
activeNavstring—Controlled primary navigation key.
recentsSidebarRecent[]—Recent chat entries.
fillbooleanfalseFills available height.
footerLabelstring"Upgrade"Footer CTA label.
onNavigate(key: string) => void—Handles navigation.
onPick(id: string, label: string, prompt?: string) => void—Handles a recent chat selection.