Aura Wire

Livewire UI Kit

Layout

Component

Header

Flexible, responsive application headers and navigation bars with brand logos, navigation items, and actions.

Component Syntax

blade 
<x-aura::header>
    <x-slot:brand>
        Brand
    </x-slot:brand>

    <x-aura::header.item href="#" active>
        Overview
    </x-aura::header.item>

    <x-slot:actions>
        <x-aura::button size="sm">
            Create
        </x-aura::button>
    </x-slot:actions>
</x-aura::header>

1. Workspace Application Header

blade

Aura Wire

Component Props

Available properties and configurations for the header component.

Prop Default Available Values

sticky

true
true false

variant

default
default dark minimal bordered

border

false
true false

responsive

true
true false

align

end
start center end