CSS Labels

Default Labels

Neutral Label Success Label Error Label Warning Label Info Label

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

	<span class="label-ok">Success Label</span>

	<span class="label-ko">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-ok fz-default">Success Label</span>

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

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

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