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 id="btngroup-a5048dff" class="btn-group" role="group">
  <button id="button-334fd058" class="btn btn-primary">First</button> <button id="button-e5f4b68a" class="btn btn-primary">Second</button> <button id="button-dae7a701" 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 id="btngroup-7355c460" class="btn-group-vertical" role="group">
  <button id="button-30dc54e1" class="btn btn-primary">First</button> <button id="button-e32b65af" class="btn btn-primary">Second</button> <button id="button-18462a8f" class="btn btn-primary">Third</button>
</div>