View on GitLab

Button Groups

x-larastrap::btngroup is just a container for buttons, intended to keep a compact layout.

<x-larastrap::btngroup>
    <x-larastrap::button label="First" />
    <x-larastrap::button label="Second" />
    <x-larastrap::button label="Third" />
</x-larastrap::btngroup>

<div class="btn-group" role="group">
  <button id="button-cfe534748b626a605e16c69887f16e54" class="btn btn-primary">First</button> <button id="button-b2f10557938f51e7e9903e8c967a7f7e" class="btn btn-primary">Second</button> <button id="button-f73c90e9498e475b62503244235fec55" class="btn btn-primary">Third</button>
</div>

orientation

The only relevant optional parameter is orientation , which permits to have an horizontal (by default) or vertical layout.

<x-larastrap::btngroup orientation="vertical">
    <x-larastrap::button label="First" />
    <x-larastrap::button label="Second" />
    <x-larastrap::button label="Third" />
</x-larastrap::btngroup>

<div class="btn-group-vertical" role="group">
  <button id="button-cef260f15e9e42f6647e620d9f9310c3" class="btn btn-primary">First</button> <button id="button-59a23111ee29fa787035ff8a4d5a10d6" class="btn btn-primary">Second</button> <button id="button-da650637d83d1dc3b056df38051f4eb7" class="btn btn-primary">Third</button>
</div>