Layout
Group
The group component allows you to group buttons or inputs together.
<x-group class="justify-center">
<x-button variant="outline" color="neutral">Day</x-button>
<x-button variant="outline" color="neutral">Month</x-button>
<x-button variant="outline" color="neutral">Year</x-button>
</x-group>
Usage
With inputs
<x-group class="mx-auto max-w-sm">
<x-input placeholder="yyyy"/>
<x-input placeholder="mm"/>
<x-input placeholder="dd"/>
</x-group>
With input and button
<x-group class="mx-auto max-w-sm">
<x-input type="email" placeholder="your@mail.com"/>
<x-button>Subscribe</x-button>
</x-group>