Typography

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

Usage notes#


Spectrum Typography is broken out into several separate components.

In addition, the previous deprecated Typogaphy implementations (legacy, depreacted) are still shipped, but their usage is discouraged.

Variants#


Body#
Verified

Body is primarily used for Spectrum components and for blocks of text.

View the Body typography component

Spectrum is based on real-world situations.

<p class="spectrum-Body spectrum-Body--M">Spectrum is based on real-world situations.</p>
Show markup

Detail#
Verified

Detail is used for disclosing extra information or smaller items in hierarchical relationships of text.

View the Detail typography component

Our recommendations

<p class="spectrum-Detail spectrum-Detail--XL">Our recommendations</p>
Show markup