Theme: Light | Lightest | Dark | Darkest Scale: Medium | Large

Code

Usage notes

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

Code XL

Code L

Code M

Code S

Code XS

Toggle markup


        <p class="coral-Code--XL">Code XL</p>
        <p class="coral-Code--L">Code L</p>
        <p class="coral-Code--M">Code M</p>
        <p class="coral-Code--S">Code S</p>
        <p class="coral-Code--XS">Code XS</p>