Button Groups

See how button groups can organize related actions together, providing a streamlined and cohesive user interface.

Button Groups - Contained

A fundamental group of buttons for common use-cases, offering cohesive actions.

Button Groups - Icon Label

Buttons combining icons with labels, enhancing clarity and recognition.

Button Groups - Icon Only

Group of icon buttons for actions where visuals speak louder than words.

Button Groups - Outlined

A set of secondary-styled buttons, ideal for less prominent actions or filters.

Button Groups - Split

Buttons with a primary action and a split dropdown for related actions.

Button Groups - Switches Alternate

An alternate design for button groups featuring switch-like functionality.

Button Groups - Text

Text-only buttons grouped together, providing a clean and unobtrusive option.