Text block
Three emphases of running text: body, lede and quote. The quote takes the voice face and a spark rule.
Variant
A lede opens a section and reads a step larger.
Controls
▾
Code
import { TextBlock } from "@/components/ui/kit/ui";
<TextBlock
emphasis="lede"
body="A lede opens a section and reads a step larger."
/>Every state
Body copy is for reading at length.
A lede opens a section and reads a step larger.
A quote carries what a person said.
Usage
Tokens it uses
| --ink | … |
|---|---|
| --ink-2 | … |
| --spark | … |
| --font-body | … |
| --font-voice | … |
Values are read live from the stylesheet, so they follow the site theme.