Button Group

Groups related buttons together with consistent spacing and borders.

Component Code 
<div class="space-y-4">
    <april:button-group aria-label="Text alignment">
        <april:button variant="outline">Left</april:button>
        <april:button variant="outline">Center</april:button>
        <april:button variant="outline">Right</april:button>
    </april:button-group>
    <april:button-group orientation="vertical" aria-label="Actions">
        <april:button variant="outline">Archive</april:button>
        <april:button variant="outline">Report</april:button>
    </april:button-group>
</div>

Place buttons in the default slot. Set orientation="vertical" for a stacked group and label the group with aria-label or aria-labelledby.

<april:button-group aria-label="Actions">
    <april:button variant="outline">Archive</april:button>
    <april:button variant="outline">Report</april:button>
</april:button-group>

Publishing Views

Use the following commands to publish these views:

php artisan april:publish button-group
php artisan april:publish button-group-separator
php artisan april:publish button-group-text
April UI keeps package views in `vendor/` by default. The command uses Laravel's vendor publishing system and copies overrides to `resources/views/vendor/april/components`. To publish all components, run: 
php artisan april:publish --all
Review local overrides after an upgrade with `php artisan april:update --diff`.