Skip to content

Text container

A text container is used to wrap text elements such as paragraphs, headings, and lists to give them vertical spacing.

Props

No props found for this component, run `yarn gen:docs` to generate component meta first.

Slots

No slots found for this component, run `yarn gen:docs` to generate component meta first.

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

  • For more layout variations, or if you’re looking to vertically space components other than text, use BlockStack.

Released under the MIT License.