Our building blocks to create faster and more efficiently.
Allow people to take action, make choices, and move forward.
Use for most actions in the interface.
Highlight the next best action in a flow.
Indicate the status or importance of a process or an element on reduced spaces.
Indicate the status or importance of a process or an element.
A brief and informative context element to clarify the function or usage of a parent.
Help people label, organize, and categorize things using descriptive keywords.
A supportive wrapper to contextualize a Form Control and support the actions it performs.
A control that allows people to make single or multiple selections
A selection tool to make clear, concise choices from a list of options
A control that enable people to select one option from multiple presented
A Field and Control that allows people to enter text in multiple lines.
A Field and Control that allows people to enter text in a single line.
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.