Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Semantic body copy with an explicit type scale and vertical rhythm. Text has no default browser margin, so spacing stays predictable inside cards, panels, and layouts.
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | required | Text content. |
size | `100 | 200 | 300 |
weight | `300 | 400 | 500 |
padding | `"snug" | "compact" | "comfortable" |
as | `"p" | "span" | "div"` |
className | string | — | Optional class name. |
span only when the text belongs inside an existing sentence or label.