Quantum components

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

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

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

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

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

DrawerNavigation drawers provide access to destinations in your app.

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

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

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

HeaderA header defines the top of a page.

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

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

Progress BarA progress bar is a progress indicator, either derminate or indeterminate.

Progress CircleA progress circle is a progress indicator, either determinate or indeterminate .

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

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

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

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

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