31 lines
894 B
PHP
31 lines
894 B
PHP
<section class="space-y-4">
|
|
<h2 class="text-xl font-semibold">Buttons</h2>
|
|
<h3 class="text-l font-semibold">Enabled</h3>
|
|
|
|
<div class="flex gap-4">
|
|
<x-button onclick="alert('Default was clicked!')">Default</x-button>
|
|
|
|
<x-button variant="primary" onclick="alert('Primary was clicked!')">Primary</x-button>
|
|
|
|
|
|
<x-button variant="secondary" onclick="alert('Secondary was clicked!')">Secondary</x-button>
|
|
|
|
|
|
<x-button variant="outline" onclick="alert('Outline was clicked!')">Outline</x-button>
|
|
</div>
|
|
|
|
<h3 class="text-l font-semibold">Disabled</h3>
|
|
|
|
<div class="flex gap-4">
|
|
<x-button disabled>Default</x-button>
|
|
|
|
<x-button variant="primary" disabled>Primary</x-button>
|
|
|
|
|
|
<x-button variant="secondary" disabled>Secondary</x-button>
|
|
|
|
|
|
<x-button variant="outline" disabled>Outline</x-button>
|
|
</div>
|
|
</section>
|