Slate
View as Markdown Open in v0 Open in ChatGPT Open in Claude Open in Scira

Button Group

A container that groups related buttons with connected borders.

Usage
example.blade.php 
<x-slate::button-group>
    <x-slate::button variant="outline">Archive</x-slate::button>
    <x-slate::button variant="outline">Report</x-slate::button>
    <x-slate::button variant="outline">Snooze</x-slate::button>
</x-slate::button-group>

Vertical
example.blade.php 
<x-slate::button-group orientation="vertical">
    <x-slate::button variant="outline">Top</x-slate::button>
    <x-slate::button variant="outline">Middle</x-slate::button>
    <x-slate::button variant="outline">Bottom</x-slate::button>
</x-slate::button-group>

API Reference
Prop Type Default Description
orientation horizontal | vertical horizontal Layout direction
Last updated .