button-group · Admiral UI kit

Example

Laravel

<x-admin::button-group>
    <x-admin::button>Day</x-admin::button>
    <x-admin::button>Week</x-admin::button>
    <x-admin::button>Month</x-admin::button>
</x-admin::button-group>

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { ButtonGroup } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack

<div class="adm-btn-group" role="group"><button type="button" class="adm-btn adm-btn--secondary" >Day</button>
    <button type="button" class="adm-btn adm-btn--secondary" >Week</button>
    <button type="button" class="adm-btn adm-btn--secondary" >Month</button></div>