BlatUI

Components

Button Group

Groups related buttons together with consistent styling.

php artisan blatui:add button-group 
<x-ui.button-group>
    <x-ui.button variant="outline">Previous</x-ui.button>
    <x-ui.button variant="outline">Next</x-ui.button>
</x-ui.button-group>

With Icon

<x-ui.button-group>
    <x-ui.button variant="outline" size="icon">
        <x-lucide-align-left />
    </x-ui.button>
    <x-ui.button variant="outline" size="icon">
        <x-lucide-align-center />
    </x-ui.button>
    <x-ui.button variant="outline" size="icon">
        <x-lucide-align-right />
    </x-ui.button>
</x-ui.button-group>

With Separator

<x-ui.button-group>
    <x-ui.button variant="secondary">Copy</x-ui.button>
    <x-ui.button-group-separator orientation="vertical" />
    <x-ui.button variant="secondary">Paste</x-ui.button>
</x-ui.button-group>

With Text

https:// 
<x-ui.button-group>
    <x-ui.button-group-text>https://</x-ui.button-group-text>
    <x-ui.input placeholder="example.com" class="rounded-l-none" />
</x-ui.button-group>