Skip to content
Skip design navigation
Etesie Alpha
Loading account
Components · Button group

Button group

Invisible container that spaces adjacent buttons and, in the standard variant, lets the active one grow into its neighbours.

Anatomy

  • 1 .button-group-root Spacing container. Material gives it no colour of its own.

Variants

  • Standard Spaced buttons; the active one grows into its neighbours.
  • Connected One shared shape, 2dp seam, no width shift.
Default

When to use

Use a button group to keep related actions together without changing the meaning of each individual button.