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.

The spectacle before us was indeed sublime.

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

The spectacle before us was indeed sublime.

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

<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

ellipsis

Replaces the overflow of text with the ellipsis character

Boolean

emphasis

Applies emphasis styling

Boolean

heading

Applies a heading font family style

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

  • Check out this project on Github