Fusion Core UI Component Library - Laravel & Tailwind Components

Button Groups

The button group utilizes the button component, much of the configuration will be passed into there.

Buttons Groups have no properties or configuration.

Basic Examples
Basic Button Group with the default settings.

            1<x-fcui-button-group>
2    <x-fcui-button :btnGroup="true">Button 1</x-fcui-button>
3    <x-fcui-button :btnGroup="true">Button 2</x-fcui-button>
4    <x-fcui-button :btnGroup="true">Button 3</x-fcui-button>
5</x-fcui-button-group>

Advanced Examples
A button group with links instead of buttons and varying UI colors.

            1<x-fcui-button-group>
2    <x-fcui-button :btnGroup="true" size="md" type="info">Button 1</x-fcui-button>
3    <x-fcui-button :btnGroup="true" size="md" type="success" icon='<i class="fa-solid fa-star"></i>'>Button 2</x-fcui-button>
4    <x-fcui-button :btnGroup="true" size="md" type="warning">Button 3</x-fcui-button>
5</x-fcui-button-group>

Button 1 Button 2 Button 3