Back to Components

Text

The core component for styling text. Instead of specifying various elements, a suitable and semantic element will be determined from the props.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<Text>

PropertyTypeDefaultEditor
Component

Component to be used as the final element, can be a custom React Component or an element string. If none is provided then a suitable semantic element will be determined from the props.

OneOfType

align

Text alignment

OneOf

breakOn

How the block of text should break onto new lines.

OneOf

emphasis

Applies emphasis styling

Boolean

inline

Text default to block display, this will apply inline display.

Boolean

monospace

Applies a monospace font family style

Boolean

size

Size of the text

OneOf

strong

Applies strong weight styling

Boolean

subscript

Applies subscript baseline styling

Boolean

superscript

Applies superscript baseline styling

Boolean

titlecase

Applies title casing styling

Boolean

uppercase

Applies uppercasing styling

Boolean

weak

Applies weak weight styling

Boolean