Components
The UI elements that you can inject into your project either by using the components.
A dialog containing supplementary content anchored to the bottom of the screen.
A screen that indicates busy loading.
Cards are surfaces that display content and optionally actions on a single topic.
Checkboxes allow the selection of multiple options from a set of options.
A Collapsible toggle summary.
The detail of the layout where your content finds place.
Copy component that copies selection.
Dropdown displays a list of selectable options for a user.
A wrapper to render quickly external link.
An opinionated title for the dapp.
A component for safe (sanitized) html content rendering.
Calls an action when the user scrolls a specified distance in a list.
A styled input field where the user can enter data.
An input of type range to let the user specify a numeric value which must be no less than a given value, and no more than another given value.
Scope your content within an island.
Opinionated compoment to render items with icon and buttons.
Render a label and its value.
Render a label, its value and an information.
Header, menu and content. The structure of your dapp.
Modal component is used to display content that temporarily blocks interactions with the main view of an application.
A navigation column.
A main banner for landing pages.
A popover is a floating container that is rendered over the content next to an anchor — commonly a button — which initiates its display.
An indicator showing the completion progress of a task.
Display the progression of a long-lasting task with various steps.
Generates a QR Code.
Read a QR Code with the camera.
A component to render a section with a title, value and description.
A segment controls.
A component for rendering placeholder content.
A spinner component is used to indicate users that their action is being processed.
The detail of the layout where the content finds place in two columns.
Displays content in a column on mobile devices and in a row on desktops.
Tags are used to inform users of the status of an object or of an action that’s been taken.
Toasts are non-disruptive messages that appear in the interface to provide quick, at-a-glance feedback on the outcome of an action.
An opinionated theme toggle.
Tooltips provide extra information on hover or tap.
Toggles are switches that change the state of a single option.
Shorthand to render a value.
A particular type of Modal component used to present several steps in form of a wizard.