Icon Button

Owned by Matt Birtch
Last updated: Dec 02, 2021
1 min read

Design Complete

Important Links

Figma Component File

Compass Design Component Documentation

UI Platform Storybook

Description

Icon Buttons are smaller buttons used when real estate is confined or where less emphasis is needed for an action. Icon Buttons are typically used for secondary actions for things like closing modals or triggering menus.

Sizes

There are 4 different sizes for icon buttons for use within the Apps Framework: Small, Medium and Large.

States

Other Variants

See the Compass Design System documentation for full details

Supported Canvases

  • Modal Canvas

  • RHS Canvas

  • Message Canvas

Sample View Within the Apps Framework

 

Â