sigilUI

Mono Label

Render a compact label in the preset's monospace font.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { MonoLabel } from "@sigil-ui/components";

Usage

<MonoLabel>MonoLabel example</MonoLabel>

Props

PropTypeDefaultDescription
variantMonoLabelVariantmutedVisual variant.
sizeMonoLabelSizexsSize preset.
as"span" | "p" | "label" | "div" | "dt" | "dd"spanRender as a different element (e.g. "p", "label", "div").

Token integration

CSS VariablePurpose
--s-text-mutedText muted
--s-primaryPrimary
--s-textText
--s-font-monoFont mono