Text
Typography
A paragraph of text. {…} in the string reads state and stays live.
Text(content, tone: …, size: …, align: …)
Example
Text("Hello, world")
Text("Last updated today").muted.sm
Text("Important").bold.danger
Renders with the class wf-text, stable across releases, so a stylesheet may target it.
| Prop | Type | Meaning |
|---|---|---|
| content | Any (positional) |
The text |
| tone: | .primary .secondary .success .danger .warning .info |
Colour |
| size: | .sm .md .lg |
Its size |
| align: | .left .center .right |
Text alignment |
| transform: | .uppercase .lowercase |
Letter case |
| kind: | .heading .subtitle |
Typographic role |
| bold: | Bool |
Bold |
| italic: | Bool |
Italic |
| underline: | Bool |
Underlined |
| muted: | Bool |
Dimmed, for secondary text |
Attribute families: global, aria, data. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.