COMPONENTS

Buttons

Buttons allow users to take actions, submit forms with a click or touch.

molecule

Sep 27, 2021 · 1 min de lecture


version
v1
status
ready
tests
OK

#Features

  • 3 variants (primary, secondary, tertiary)
  • 4 sizes (large, medium, small, xSmall)
  • Support reversed color mode
  • Icon placement

#Accessibility

If no visible label is provided (e.g. an icon only button), an alternative text label must be provided to identify the control for accessibility. This should be added using the aria-label prop.

#Variants

Like most components there are three level of importance for buttons:

  • Primary
  • Secondary
  • Tertiary

#Sizes

Four sizes are available for buttons.

#Icon

The icon button variant support having the icon on either side and only icon.

#States

#Changelog