DividerDivider create separation between two UI elements
Placeholder text here
DropdownDropdown present a list of options from which a user can select one or several.
Hello world
EditableHeadingAn extension of Heading component, it allows built in editing capabilities.
Hello world
EditableTextAn extension of the Text component with built in editing capabilities.
ExpandCollapseExpandCollapse is a component that allows you to hide and show content.
FlexPosition group of sub-elements in one dimension, horizontal or vertical
Hello world
HeadingHeading components are used to title any page sections or sub-sections in top-level page sections.
Secret text
HiddenTextHidden text helps us to create a text which is accessible to screen reader users but not to users who see the screen.IconWhen you want to display an icon.IconButtonWhen you want to have a button with just an Icon
LinkActionable text component with connection to another web pages.
List item 1
List item 2
List item 3
ListLists is a group of actionable items containing primary and supplemental actions, which are represented by icons and text.
Send
Delete
More info
MenuDisplays information related to an element over it.MenuButtonA component to open content next to another component
MenuGridItemMenuGridItem can be used to place a grid-like, keyboard navigable container, inside a Menu.
Basic modalModal for straightforward tasks, helps users focus on a single task without distractions.
Media modalModal with highlighted media section, for catching the user’s attention.
Side by side modalTwo-section modal layout, ideal for referencing visuals alongside text.RadioButtonAllow for a single option to be selected from a visible list.