Overview

A list of all components available in the library.

Avatar

A visual representation of a person or a person's name.

Button

A component that triggers an action when clicked, commonly used for submitting forms or performing other actions.

Checkbox

Input component for selecting or deselecting an option.

Display Text

Heading used for large and short headlines to convey brand and boldness.

Divider

A horizontal or vertical line that separates content.

Dropdown menu

A flexible menu component for displaying a list of selectable options

Heading

Heading component that introduce sections of content and help users navigate the page.

Hint Box

A small piece of practical information or advice connected to a form. Rendered as an aside element.

Icon

Graphic symbol that visually indicates the purpose of an interface element.

Icon Button

A button with an icon and a visually hidden label.

Link

A link component that can be used to navigate to a different page or section of the current page.

Loading Dots

Animation of three moving dots, indicating a loading state.

Paragraph

A component for displaying text content.

Radio Group

Input component for selecting a single option from a list of predefined options.

Select

A component that allows users to select one or more options from a list.

Spacer

A component that adds space between elements.

Stack

Component to group elements together and apply a space between them.

Switch

A switch is a visual toggle between two mutually exclusive states — on and off.

Text Field

A form control that accepts a single line of text.

Textarea

An input component that allows users to input multiple lines of text.

Toast

Showing a temporary feedback message to the user.