Buttons
Buttons guidelines
Allow people to take action, make choices, and move forward.
Action Button
Use for most actions in the interface.
CTA Button
Highlight the next best action in a flow.
Communication
Shape Badge
Indicate the status or importance of a process or an element on reduced spaces.
Text Badge
Indicate the status or importance of a process or an element.
Tooltip
A brief and informative context element to clarify the function or usage of a parent.
User Tag
Help people label, organize, and categorize things using descriptive keywords.
Forms
Fields guidelines
A supportive wrapper to contextualize a Form Control and support the actions it performs.
Checkbox
A control that allows people to make single or multiple selections
Choices
A selection tool to make clear, concise choices from a list of options
Radio
A control that enable people to select one option from multiple presented
Text Area
A Field and Control that allows people to enter text in multiple lines.
Text Input
A Field and Control that allows people to enter text in a single line.
Images and icons
Typography
Primitives
Primitives are code enclosing elements that follow the expected functional UX patterns of the design system but have no defined styles. Many of our Components are built on top of these Primitives.