Text Formatting
Button labels support rich text formatting through tags. These work in label fields and other text displays.
Size Tags
Section titled “Size Tags”Control text size:
| Tag | Effect |
|---|---|
<xxs> |
Extra extra small |
<xs> |
Extra small |
<sm> |
Small |
<md> |
Medium (default) |
<lg> |
Large |
<xl> |
Extra large |
<2xl> |
2x large |
<3xl> |
3x large |
<4xl> |
4x large |
<5xl> |
5x large |
Example:
config: label: "<xl>Large</xl> <sm>small</sm>"Tone Tags
Section titled “Tone Tags”Color text:
| Tag | Effect |
|---|---|
<primary> |
Primary color |
<accent> |
Accent color |
<success> |
Success/green |
<danger> |
Error/red |
<foreground> |
Default text color |
Example:
config: label: "<success>Online</success> <danger>Offline</danger>"Markup Tags
Section titled “Markup Tags”Additional formatting:
| Tag | Effect |
|---|---|
<strong> |
Bold text |
<dim> |
50% opacity |
<blink> |
Blinking animation |
*text* |
Highlight (asterisk syntax) |
Example:
config: label: "<strong>Important</strong> *highlighted*"Special Characters
Section titled “Special Characters”| Syntax | Effect |
|---|---|
| |
Line break |
|
Non-breaking space |
Examples
Section titled “Examples”Time Display
Section titled “Time Display”config: label: "<4xl> *HH*<blink>:</blink>|mm</4xl>"Renders: Large time with blinking separator.
Multi-line Label
Section titled “Multi-line Label”config: label: "Line 1|Line 2"Renders:
Line 1Line 2Status with Color
Section titled “Status with Color”config: label: "<success>●</success> Playing"Renders: Green dot with “Playing” text.