TextBlock

TextBlock is used to render a block of text that occupies the full width available. Usually used to render paragraphs of text.

Props

optional = ?

Name Type Description
size? "small" | "base" | "medium" | "large" | "extraLarge" Size of the text
variation? "positive" | "negative" | "strong" | "subdued" | "code" Give text additional visual meaning

Guidelines

  • TextBlock is used to render a block of text that occupies the full width available. Usually used to render paragraphs of text.
  • Use variation to give visual meaning to your content and size to adjust the font size.
✅ Do 🛑 Don't
Ensure that text styles are used to enhance the information provided in text. Don’t rely on text style alone to convey information to merchants.

On this page