rainbow icon
🍔

Text

Renders a text block with leading trim, removing space above capital letters and below the baseline. Read more.
It is important to note that the Text element renders text as a block element (a div), meaning you cannot nest and inline text nodes.

Type Hierarchy

32pt heavy
32pt bold
32pt semibold
32pt medium
32pt regular
Playroom
26pt heavy
26pt bold
26pt semibold
26pt medium
26pt regular
Playroom
23pt heavy
23pt bold
23pt semibold
23pt medium
23pt regular
Playroom
20pt heavy
20pt bold
20pt semibold
20pt medium
20pt regular
Playroom
20pt / 135% heavy
20pt / 135% bold
20pt / 135% semibold
20pt / 135% medium
20pt / 135% regular
Playroom
20pt / 150% heavy
20pt / 150% bold
20pt / 150% semibold
20pt / 150% medium
20pt / 150% regular
Playroom
16pt heavy
16pt bold
16pt semibold
16pt medium
16pt regular
Playroom
16pt / 135% heavy
16pt / 135% bold
16pt / 135% semibold
16pt / 135% medium
16pt / 135% regular
Playroom
16pt / 155% heavy
16pt / 155% bold
16pt / 155% semibold
16pt / 155% medium
16pt / 155% regular
Playroom
14pt heavy
14pt bold
14pt semibold
14pt medium
14pt regular
Playroom
14pt / 135% heavy
14pt / 135% bold
14pt / 135% semibold
14pt / 135% medium
14pt / 135% regular
Playroom
12pt heavy
12pt bold
12pt semibold
12pt medium
12pt regular
Playroom
11pt heavy
11pt bold
11pt semibold
11pt medium
11pt regular
Playroom