Accordion
Data Display
An accordion is a vertically stacked list of headers that reveal or hide associated sections of content.
Avatar
Data Display
Avatars in their simplest form display content within a circular container.
Badge
Data Display
Renders a specified badge.
Breadcrumb
Navigation
Typography are used for rendering headlines, paragraphs and captions.
Button
General
An interactive button with a range of presentation options.
Button Group
General
Group a series of buttons together on a single line with the button group, and super-power.
Calendar
Data Display
The calendar component is used to display information in a daily, weekly, monthly, or category view.
Checkbox
Form Inputs
Captures boolean input with an optional indeterminate mode.
Code Editor
Form Inputs
A browser based code editor.
Code Highlighter
Data Display
A browser based code highlighter.
Condition Builder
Data Display
A condition builder is a component that allows users to build a condition using a set of rules.
Current Time
General
The current time component displays the current time in a 12-hour format.
Date Picker
Form Inputs
Captures date input.
Divider
Layout
A divider can be used to segment content vertically or horizontally.
Dropdown
Navigation
Enables native inputs to be used within a Form field.
Empty State
Data Display
A message that displays when there is no information to display.
Form Control
Form Inputs
The Form Control component adds a label and caption for its child control.
Header
Navigation
Headers are compositions that extend standard navbar functionalities.
Icon
General
Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.
Input
Form Inputs
Enables native inputs to be used within a Form field.
Link
Navigation
Links allow users to click their way from page to page.
Menu
Navigation
Menus display a list of choices on temporary surfaces.
Notification
Feedback
Notifications are messages that communicate information to the user.
Notification Manager
Feedback
Manages alert, toasts and notifications.
Number
Form Inputs
Enables native inputs to be used within a Form field.
Progress
Feedback
Progress indicators express an unspecified wait time or display the length of a process.
Select
Form Inputs
Allows the user to select one or more options using a dropdown.
Slider
Form Inputs
Allows the user to select one or more options using a dropdown.
Spinner
Feedback
Spinners provide a visual cue that an action is processing awaiting a course of change or a result.
SVG
Data Display
Render SVG content from an external source.
Table
Data Display
A configurable component for displaying tabular data.
Tabs
Navigation
An interactive button with a range of presentation options.
Tag
Data Display
Use tags to label, categorize, or organize items using keywords that describe them.
Text
General
Typography are used for rendering headlines, paragraphs and captions.
Textarea
Form Inputs
Enables native inputs to be used within a Form field.
Time Picker
Form Inputs
Captures time input.
Toast
Feedback
Toasts are lightweight notifications.
Toggle
Form Inputs
Captures boolean input with an optional indeterminate mode.
TreeView
Navigation
A tree view is a hierarchical structure that provides nested levels of navigation.