Appearance
Inline Attributes
All attributes available on inline and text elements (span, b, i, p, h1-h6, etc.). These attributes are inherited by child elements unless overridden.
Font
| Attribute | Type | Default | Description |
|---|---|---|---|
font | font name | Inter | Font family (Google Font name or registered asset font) |
font-family | font name | -- | Alias for font |
font-size | pt, fit | 12pt | Font size, or fit to auto-scale to fill container |
font-size-min | pt | -- | Minimum font size when using font-size="fit" |
font-size-max | pt | -- | Maximum font size when using font-size="fit" |
font-style | normal, bold, italic | normal | Font style |
font-color | colour | black | Text colour |
Text Layout
| Attribute | Type | Default | Description |
|---|---|---|---|
text-align | left, right, center, justified | left | Horizontal text alignment |
line-height | number or pt | 1.2 | Line height (number = multiplier, pt = absolute) |
Text Effects
| Attribute | Type | Default | Description |
|---|---|---|---|
text-decoration | none, underline, strikethrough | none | Text decoration |
text-shadow | pt | -- | Shadow offset distance |
text-shadow-color | colour | -- | Shadow colour |
Text Behaviour
| Attribute | Type | Default | Description |
|---|---|---|---|
preserve-whitespace | true, false | false | Preserve whitespace and line breaks |
wrap | normal, none | normal | Text wrapping behaviour |
overflow | ellipsis | -- | Overflow handling (ellipsis truncates with ...) |
Conditional and Style
| Attribute | Type | Default | Description |
|---|---|---|---|
show-if | data path | -- | Render only when condition is truthy |
style | @alias-name | -- | Apply a style alias |