isolated storybook sections
This commit is contained in:
30
resources/views/storybook/sections/buttons.blade.php
Normal file
30
resources/views/storybook/sections/buttons.blade.php
Normal file
@@ -0,0 +1,30 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user