Named text styles from the design system. Each <text-style> captures a full typography definition. Text nodes reference a style by name — individual font attrs are omitted when a style is applied.

styles

tagtext styles

Named text styles from the design system. Each <text-style> captures a full typography definition. Text nodes reference a style by name — individual font attrs are omitted when a style is applied.

Color and layout attrs are always inlined — they are not part of the text style definition. Only styles used in the exported tree are emitted.

Attr	Type	Description
`name`	`string`	Style name, e.g. Heading/H1.
`font-family`	`string`	Font family name.
`font-size`	`number`	Size in px.
`font-weight`	`number`	Numeric weight (100–900).
`line-height`	`number \| string`	px or percent.

Example

<styles>
  <text-style name="Heading/H1"
              font-family="Inter" font-size="32"
              font-weight="700" line-height="40" />
</styles>

<text text-style="Heading/H1" value="Welcome" fill="#1C1C1E" />