HTML markup

<p class="pier-label">Base Label</p>

<p class="pier-label">Base Label</p>

Sizes

Use the modifier classes pier-body-text--sm, pier-body-text--md, or pier-body-text--lg to change the size of the body text.

Small Label

Medium Label

HTML markup

<p class="pier-label pier-label--sm">Small Label</p>
<p class="pier-label pier-label--md">Medium Label</p>
<p class="pier-label pier-label--lg">Medium Label</p>

<p class="pier-label pier-label--sm">Small Label</p>
<p class="pier-label pier-label--md">Medium Label</p>
<p class="pier-label pier-label--lg">Medium Label</p>

Dark

Use the modifier class pier-label--dark to change the style of the body text for dark UI themes.

Dark Label

HTML markup

<p class="pier-label pier-label--dark">Dark Label</p>

<p class="pier-label pier-label--dark">Dark Label</p>

Abstracts Components Utilities Attributions