Examples
Use this component for default vertical spacing.
Text container
A text container is used to wrap text elements such as paragraphs, headings, and lists to give them vertical spacing.
Default text container
Use this component for default vertical spacing.
Tight text container
Use the tight spacing option to relate content topics to each other.
Loose text container
Use the loose spacing option to separate concepts that are independent of each other.
Default text container
Use this component for default vertical spacing.
Tight text container
Use the tight spacing option to relate content topics to each other.
Loose text container
Use the loose spacing option to separate concepts that are independent of each other.
Best practices
The closer the spacing, the closer the relationship between content topics. The closeness visually represents the relationship.
- Use tight spacing to relate content topics to each other
- Use loose spacing to separate concepts that are independent of each other