Components
Block
Blocks are simple container components that you can apply style and space to. They’re the equivalent of frames in Figma.
Anatomy
The block contains one required element.
| Item | Name | Description | Component | Optional |
|---|
Options
The block has options for different use cases:
Render as
Convert the block to a ‘span’.
Style
Apply styling to the block with style presets .
Spacing
Apply three types of spacing to the block: space inline, space stack and space inset.
Render as
Convert the block to a ‘span’.
Style
Apply styling to the block with style presets .
Spacing
Apply three types of spacing to the block: space inline, space stack and space inset.
Usage
Here’s how and when to use the block:
Accessibility considerations
The block is an HTML element, so you can use any ARIA attribute (e.g. region). Learn more ARIA at MDN Web Docs.
SEO considerations
There are no SEO considerations for the block.
API
The block has a range of props to define the experience in different use cases.