Footer

Flexible, responsive application footers with brand logos, navigation links, and copyright bottom bars.

Component Syntax

blade

<x-aura::footer>
    <x-slot:brand>
        Brand Content
    </x-slot:brand>

    <x-slot:bottom>
        Copyright Content
    </x-slot:bottom>
</x-aura::footer>

1. Simple Application Footer

blade

<x-aura::footer variant="bordered">

    <x-slot:brand>

        <x-aura::flex align="center" gap="2.5">

            <x-aura::icon name="sparkles" size="sm" variant="dark" shape="sm" />

            <x-aura::heading level="2" size="xs" weight="bold">
                Aura Wire
            </x-aura::heading>

        </x-aura::flex>

    </x-slot:brand>

    <x-aura::link href="#" size="sm">
        Docs
    </x-aura::link>

    <x-aura::link href="#" size="sm">
        GitHub
    </x-aura::link>

    <x-aura::link href="#" size="sm">
        License
    </x-aura::link>

    <x-slot:bottom>

        <x-aura::text size="sm" variant="subtle">
            © {{ date('Y') }} Aura Wire. All rights reserved.
        </x-aura::text>

        <x-aura::text size="sm" variant="mono">
            Laravel & Livewire
        </x-aura::text>

    </x-slot:bottom>

</x-aura::footer>

Component Props

Available properties and configurations for the footer component.

Prop	Default	Available Values
variant	default	default dark bordered
brand	null	Brand logo string or slot

Aura Wire

Component Library

Footer

Component Syntax

1. Simple Application Footer

Component Props

Main

Body

Aura Wire