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-682f19251878723fb7c11fec3bd4a258" class="btn btn-primary">First</button> <button id="button-911d6d4de83abbb154c2a23d4fd2ead9" class="btn btn-primary">Second</button> <button id="button-f1a4b58ad99064006a68f4437e95e1d6" class="btn btn-primary">Third</button>
</div>
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-0727311b7a433c80a7da9a6136759fcd" class="btn btn-primary">First</button> <button id="button-7c66cbfdead060856e3f6a827d703b4d" class="btn btn-primary">Second</button> <button id="button-7e218eedf267a25a545eda0a60f305f5" class="btn btn-primary">Third</button>
</div>