Components
Sidebar
A composable, themeable and customizable sidebar component.
php artisan blatui:add sidebar
<div class="bg-sidebar text-sidebar-foreground flex h-[400px] w-[260px] flex-col overflow-hidden rounded-lg border">
<x-ui.sidebar-content>
<x-ui.sidebar-group>
<x-ui.sidebar-group-label>Application</x-ui.sidebar-group-label>
<x-ui.sidebar-group-content>
<x-ui.sidebar-menu>
<x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-button is-active>
<x-lucide-house />
<span>Home</span>
</x-ui.sidebar-menu-button>
</x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-button>
<x-lucide-inbox />
<span>Inbox</span>
</x-ui.sidebar-menu-button>
</x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-button>
<x-lucide-calendar />
<span>Calendar</span>
</x-ui.sidebar-menu-button>
</x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-button>
<x-lucide-search />
<span>Search</span>
</x-ui.sidebar-menu-button>
</x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-item>
<x-ui.sidebar-menu-button>
<x-lucide-settings />
<span>Settings</span>
</x-ui.sidebar-menu-button>
</x-ui.sidebar-menu-item>
</x-ui.sidebar-menu>
</x-ui.sidebar-group-content>
</x-ui.sidebar-group>
</x-ui.sidebar-content>
</div>