Typography Code

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

Usage notes#


Code is a typography component used for text that represents code.

Variants#


Typography - Code#
Verified

Typographic styles for computer code.

CodeXL Text Strong Emphasis CodeL Text Strong Emphasis CodeM Text Strong Emphasis CodeS Text Strong Emphasis CodeXS Text Strong Emphasis
CodeM text
wrapped in
pre tags for
multiline
goodness
<code class="spectrum-Code spectrum-Code--XL">CodeXL Text <strong>Strong</strong> <em>Emphasis</em> </code>
<code class="spectrum-Code spectrum-Code--L">CodeL Text <strong>Strong</strong> <em>Emphasis</em> </code>
<code class="spectrum-Code spectrum-Code--M">CodeM Text <strong>Strong</strong> <em>Emphasis</em> </code>
<code class="spectrum-Code spectrum-Code--S">CodeS Text <strong>Strong</strong> <em>Emphasis</em> </code>
<code class="spectrum-Code spectrum-Code--XS">CodeXS Text <strong>Strong</strong> <em>Emphasis</em> </code>
<pre><code class="spectrum-Code spectrum-Code--M">CodeM text
wrapped in
pre tags for
multiline
goodness</code></pre>
Show markup