Skip to content
Theme UI
GitHub

Paragraph

Primitive typographic component meant to display text blocks, defaults to <p>.

import { Paragraph } from 'theme-ui'

Use the as prop to set the correct HTML element independent from styling.

Variants

Text style variants can be defined in the theme.text object. The Paragraph component uses theme.text.paragraph as its default variant style.

// example theme variants
{
text: {
block: {
variant: 'paragraph',
my: 2,
textAlign: 'justify',
textAlignLast: 'start',
textJustify: 'auto',
},
}
}
Edit the page on GitHub
Previous:
Link
Next:
Image