loading

v33.0.2

select option

Layout

VStack

Layout items in a vertical stack

View details

HStack

Layout items in a horizontal stack

View details

Tiles

Layout items in a column grid

View details

Box

Adds one-off spacing around a component

View details

Block

Wraps content in a card layout, with optional header and footer

View details

Column

Divides rows horizontally up to 12 parts

View details

Divider

Draws a separator

View details

EmptyState

Indicates absence of any data to display and guides user to take action

View details

FullPageModal

Opens a full page overlay to switch context to specific operations

View details

Grid

Contains rows to create page structures

View details

Li

Be an item in an ordered or unordered list of textual elements

View details

ListControl

Allows you to add inputs to the far right of ListItem, and below on mobile

View details

ListBody

Allows any components to be at the bottom of a ListItem

View details

List

Splits content into items, with optional icons for visual support

View details

ListItem

Splits content into items, with optional icons for visual support

View details

Modal

Show content over the page in a restricted lightbox context

View details

ModalDetail

Displays a detailed view with multiple tabs

View details

MultiStepModal

Makes easy to build multi-step modals

View details

Monologue

Presents long text

View details

ModalContent

Separates parts of complex workflows inside blocks that overlay the page

View details

Ol

Present ordered text elements as a numbered list

View details

Page

Initiates every page UI structure

View details

Section

Provides additional structure inside blocks

View details

Status

Visually indicates status

View details

Subset

Groups and indents a subset of field children

View details

Tile

Creates structure around content such as tables, lists or key metrics

View details

Ul

List unordered text elements as bullet points

View details

Is this page helpful?