Labels

Titles, paragraphs and more font styles

CSS Labels

Default Labels

Background Label Foreground Label Neutral Label Success Label Error Label Warning Label Info Label

<p>
	<span class="label _background">Background Label</span>

	<span class="label _foreground">Foreground Label</span>

	<span class="label">Neutral Label</span>

	<span class="label _success">Success Label</span>

	<span class="label _error">Error Label</span>

	<span class="label _warning">Warning Label</span>

	<span class="label _info">Info Label</span>
</p>

Labels with fz modifiers

You can use the fz modifiers to change the size of the label

Neutral Label Success Label Error Label Warning Label Info Label

<p>
	<span class="label fz-xs">Neutral Label</span>

	<span class="label _success fz-default">Success Label</span>

	<span class="label _error fz-m">Error Label</span>

	<span class="label _warning fz-l">Warning Label</span>

	<span class="label _info fz-xl">Info Label</span>
</p>