Sidebar
A navigational rail for app sections, nested entries, and persistent context.
The Sidebar Component
Workspace
Spring launch
Basic Usage
Code Snippet
<script lang="ts"> import { Sidebar } from '$lib/components'; const items = [ { id: 'overview', label: 'Overview', icon: 'home' }, { id: 'settings', label: 'Settings', icon: 'cog-6-tooth' } ]; </script> <Sidebar items={items} value="overview" ariaLabel="Workspace navigation" />Examples
Rail Only
Collapse the surface into an icon rail when horizontal space is tight.