UI components

An Accordion item can be clicked or tapped to expand (show) and close (hide) content.

An Alert is a notification component that should communicate system triggered information.

A Badge informs users about statuses or actions that have been taken.

A Button allows users to take action. Choose a Primary, Secondary or Text button.

A Checkbox allows users to select one or more options out of one or a group of checkboxes.

A Dialog is a pop-up window that prompts users with high importance information or requires users to take action.

An Icon is a graphical representation of a functionality or concept that provides users with quick and recognizable visual cues.

An Input is a single-line text field that allows users to provide text.

A List item can contain simple to complex content and interactions. Multiple list items can be vertically stacked to create a List.

Pagination allows users to navigate easy and fast through a set of results, often showcased in a Table or List.

A Progress bar is a horizontal or vertical graphical element that visually indicates the completion status of a task or process through a filled or colored portion.

Progress Steps visually represent the sequential steps of a process or workflow, showing users their current position and the steps completed or remaining.

A Radio button allows users to select exactly one out of two or more options.

A Select is a compact way of offering multiple choices. When collapsed, it displays the currently selected option. When expanded, it displays a scrollable list of predefined options for users to choose from.

Tabs allow users to navigate between multiple panels, reducing clutter and efficiently fitting more content into a smaller space.

A Text area element is a multi-line input field that allows users to enter and edit larger amounts of text within a form.

A Toast is a small, non-intrusive popup message that briefly appears on the screen to provide feedback or notifications.

A Tooltip is used for displaying functional information, in form of a short description, about an element.