All UI Components

Highlight contextual information, like status, count, or related data. You can pass text through a text prop or use it like an HTML tag pair.

Buttons are used to trigger actions. They come in many sizes and flavors.

We'll give you 3 guesses what this is for.

The ubiquitous container of all elements! The div of any component system. Cards can contain anything you want – content, widgets, settings, forms, you name it.

Checkboxes are used to select multiple options from a list of options.

Pick some dates! Also, times, if you want.

Displays a menu to the user—such as a set of actions or functions—triggered by a button, with full keyboard navigation support.

Clean and consistent headings and subheadings.

You may use many icons from the streamline icon set.

The classic form text input.

Display content in a layer above the main page. Ideal for confirmations, alerts, and forms.

Display rich content in a portal, triggered by a button.

Radio buttons are used to select a single option from a list of options.

Displays a list of options for the user to pick from—triggered by an input style button.

Clean and consistent visual separators for content sections.

Splitter is a component that allows you to split content into multiple, resizable panes.

Toggle a setting on or off. Suitable for binary options like enabling or disabling features.

A responsive table component for displaying structured data in rows and columns.

Tabs are a way to organize content into different sections.

Simple multi-line text input.