The button group component from Flowbite can be used to stack together multiple buttons and links inside a single element. ## Default example Use the following code to stack together buttons into a single group. ```html
``` ## Button group info Use this example to stack a button with an icon with another informational button. ```html
``` ## Button group icon action Use this component to show a button with text and another button with an icon. ```html
``` ## Button group icons Use this example to stack together multiple option buttons into one group. ```html
``` ## Button group dropdown Use this example to show three buttons stacked together where the third one opens a dropdown menu. ```html
``` ## Button group badge Use this component to add a badge inside of the button group and a dropdown menu. ```html
``` ## QR code button group Use this component to show a QR code button group for authentication or other purposes. ```html
``` ## Pagination button group This example can be used to create pagination components using button groups. ```html
``` ## Vertical button groups Use these examples to stack button groups vertically. ```html
``` ## Button group with colors Choose from any colors to style the button group components. ```html
``` ## Button group as links You can also use the button group component as links. ```html
Profile Settings Messages
``` ## Group buttons with icons You can also use [SVG icons](https://flowbite.com/icons/) inside the grouped buttons. ```html
``` ## Button group outline Use these examples as an alternative style with an outline. ```html
```