Quantum components

Alert

Alerts display brief, temporary notifications. They are non-disruptive to a user's experience and do not require an action to be taken.

Breadcrumb

Breadcrumb show a user's location in a site or app.

Button

Buttons are the primary components for displaying actions on a page.

Datatable

The `Datatable` component is a versatile component for displaying tabular data.

Divider

Dividers help you bring rythm and clarity to your interfaces by separating elements.

Drawer

Navigation drawers provide access to destinations in your app.

Dropdown

A dropdown menu displays a list of actions or options to a user.

Grid

A grid is a structured framework that helps align and organize elements on a layout.

Header

A header defines the top of a page.

Icon

Simplified visual symbol or representation used to convey specific concepts, actions, or information.

Menu

Element that presents a list of navigation or action options to facilitate user interaction.

Modal

Modal dialogs focus the user’s attention exclusively on one thing via a window that sits on top of the page content.

Progress Bar

A progress bar is a progress indicator, either derminate or indeterminate.

Progress Circle

A progress circle is a progress indicator, either determinate or indeterminate .

Split Button

Split Buttons are dual-function menu buttons that offers alternative primary actions.

Tabs

Tabs organize content by grouping similar information on the same page.

Tag

Tags allow users to categorize, label or organise content using keywords.

Tooltip

Tooltip’s are floating, non-actionable labels used to explain a user interface elements or features.

Typography

Typography is the art and technique of arranging type to enhance readability and visual communication in design.