Button Groups

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

Contained

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

Icon Label

Buttons combining icons with labels, enhancing clarity and recognition.

Icon Only

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

Outlined

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

Split

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

Switches Alternate

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

25.4°

Humidity

59%

Text

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