Home Overview Overview
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.
HomePage Breadcrumb Navigation Typography are used for rendering headlines, paragraphs and captions.
Button CTA 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.
Want ice cream? 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.
or 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 Link Navigation Links allow users to click their way from page to page.
Menu Navigation Menus display a list of choices on temporary surfaces.
Successful saved the record
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.
Tab 1 Tab 2 Tabs Navigation An interactive button with a range of presentation options.
Important Tag Data Display Use tags to label, categorize, or organize items using keywords that describe them.
Heading 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.
Want ice cream? 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.
Upcoming
Canvas other
Flow Designer other
HTML Editor input form