Buttons

[tcp]

Button component

The button component has five different types of variants, all of which should be supported according to the Figma specifications. Use the base button (above the section) to build the variants on top of. The following is the variants list:

Button type variants

• Default
• Only icons

Size variants

• XSmall (xs)
• Small (sm)
• Medium (md)
• Large (lg)
• Responsive (merge all)

Style variants

• Solid gray
• Solid primary
• Outline
• Ghost
• Link

State variants

• Normal
• Hover
• Disabled

Container variants

• Round
• Square

Checklist for rollout

• All variants supported
• Storybook component story
• Accessible buttons
• Automated tests for variants