Aura Wire

Livewire UI Kit

Layout

Component

Sidebar

Collapsible vertical navigation sidebars with section groups, active state highlights, and icon items.

Component Syntax

blade 
<x-aura::sidebar>
    <x-aura::sidebar.heading>
        Navigation
    </x-aura::sidebar.heading>

    <x-aura::sidebar.item href="#" icon="layout-dashboard" active>
        Dashboard
    </x-aura::sidebar.item>
</x-aura::sidebar>

1. Sidebar Navigation Container

blade
Navigation
Dashboard
Alerts
12
Settings

2. Collapsible Sidebar Dropdown

blade
Accounts
Roles
Security

Component Props

Available properties and configurations for the sidebar layout component.

Prop Default Available Values

brand

null

Brand logo string or slot

collapsible

true
true false