DensityText
A DensityText component from the Sigil design system.
import { DensityText } from "@sigil-ui/components";
<DensityText>...</DensityText>
| Prop | Type | Default | Description |
|---|
role | DensityRole | — | The density role determines the font size and family. |
as | `"span" | "p" | "div" |
mono | boolean | — | Mono font (for chrome/counter/detail roles). Auto-applied for chrome/counter. |
uppercase | boolean | — | Uppercase (for chrome/counter roles). Auto-applied for chrome. |
muted | boolean | false for body/base/headline, true for chrome | Muted color. |
| CSS Variable | Purpose |
|---|
--s-font-mono | Font mono |
--s-font-display | Font display |
--s-text-muted | Text muted |
--s-text | Text |
--s-heading-weight | Heading weight |
--s-heading-tracking | Heading tracking |