Button Group

<x-aura::action.group>

    <x-aura::button variant="primary" size="sm">
        Day
    </x-aura::button>

    <x-aura::button variant="secondary" size="sm">
        Week
    </x-aura::button>

    <x-aura::button variant="secondary" size="sm">
        Month
    </x-aura::button>

    <x-aura::button variant="secondary" size="sm">
        Year
    </x-aura::button>

</x-aura::action.group>

<x-aura::action.group shape="compact">

    <x-aura::button variant="outline" size="sm">
        List
    </x-aura::button>

    <x-aura::button variant="outline" size="sm">
        Grid
    </x-aura::button>

    <x-aura::button variant="outline" size="sm">
        Map
    </x-aura::button>

</x-aura::action.group>

<x-aura::action.group shape="compact">

    <x-aura::icon-button icon="pencil" variant="secondary" shape="square" size="sm" label="Edit" />

    <x-aura::icon-button icon="eye" variant="secondary" shape="square" size="sm" label="View" />

    <x-aura::icon-button icon="share-2" variant="secondary" shape="square" size="sm" label="Share" />

    <x-aura::icon-button icon="trash-2" variant="danger" shape="square" size="sm" label="Delete" />

</x-aura::action.group>

<x-aura::action.group vertical shape="compact">

    <x-aura::button variant="outline" size="sm">
        High
    </x-aura::button>

    <x-aura::button variant="outline" size="sm">
        Medium
    </x-aura::button>

    <x-aura::button variant="outline" size="sm">
        Low
    </x-aura::button>

</x-aura::action.group>