Design System

Button

Anatomy

1. container
2. label

Structure

padding-left--spacing-inset-06
padding-right--spacing-inset-06
height--size-height-06

Color

primary
containerbackground-color--color-interactive-main-default
labelcolor--color-content-primary-inverse
container:activebackground-color--color-interactive-main-pressed
secondary
containerbackground-color--color-interactive-alternative-default
labelcolor--color-content-primary
container:activebackground-color--color-interactive-alternative-pressed

Typography

labelproperties class (mixin)--type-style-button
text-aligncenter