Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Tip

Design Complete

Icon Buttons are smaller buttons used when real estate is confined or where less emphasis is needed for an action.

Icon Buttons aren’t highly emphasized as they are typically used for secondary actions for things like closing modals or triggering menus.

Sizes

There are 4 different sizes for icon buttons: X-Small, Small, Medium and Large.

States

Other Variants

See the Compass Design System documentation for full details