Livewire Components

Button

Displays a button. 

<x-button>Button</x-button>

Installation

php artisan vendor:publish --tag=button --force

Usage

<x-button variant="outline">Button</x-button>

Examples

Primary

<x-button>Button</x-button>

Secondary

<x-button variant="secondary">Secondary</x-button>

Destructive

<x-button variant="destructive">Destructive</x-button>

Outline

<x-button variant="outline">Button</x-button>

Ghost

<x-button variant="ghost">Ghost</x-button>
<x-button variant="link">Link</x-button>

Icon

<x-button
    variant="outline"
    size="icon"
>
    <x-lucide-chevron-right class="size-4" />
</x-button>

With Icon

<x-button>
    <x-lucide-mail-open class="mr-2 size-4" /> Login with Email
</x-button>

Loading

<x-button disabled>
    <x-lucide-refresh-cw class="mr-2 size-4 animate-spin" />
    Please wait
</x-button>