Typography (Deprecated)

Component status
Deprecated
Last releasedOctober 8, 2019
Current version@spectrum-css/typography@2.0.0

Usage notes#


Legacy typography elements.

Variants#


Standard#
Deprecated

Display (h1)

Page Title (h2)

Subtitle 1 (h2)

Subtitle 2 (h3)

Subtitle 3 (h4)

Small Body Text

Default Body Text

Secondary Body Text

Body Text Italic

Large Body Text

<h1 class="spectrum-Heading--display">Display (h1)</h1>
<h2 class="spectrum-Heading--pageTitle">Page Title (h2)</h2>
<h2 class="spectrum-Heading--subtitle1">Subtitle 1 (h2)</h2>
<h3 class="spectrum-Heading--subtitle2">Subtitle 2 (h3)</h3>
<h4 class="spectrum-Heading--subtitle3">Subtitle 3 (h4)</h4>
<p class="spectrum-Body--small">Small Body Text</p>
<p class="spectrum-Body">Default Body Text</p>
<p class="spectrum-Body--secondary">Secondary Body Text</p>
<p class="spectrum-Body--italic"> Body Text Italic</p>
<p class="spectrum-Body--large">Large Body Text</p>
Show markup