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>