Skip to content
Theme UI
GitHub

Text

Primitive typographic component.

import { Text } from '@theme-ui/components'
Hello
Hello

Variants

Text style variants can be defined in the theme.text object.

// example theme variants
{
text: {
caps: {
textTransform: 'uppercase',
letterSpacing: '0.2em',
},
heading: {
fontFamily: 'heading',
fontWeight: 'heading',
lineHeight: 'heading',
},
}
}
Edit the page on GitHub
Previous:
Button
Next:
Heading