Text¶

Displays a single run of text — the simplest way to put words on a page.

Text components · element type text · binds through text templates

Related: Paragraph · Heading · Rich Text · HTML

Examples¶

// A fixed label
Invoice

// A value from your data
Invoice {$data.invoiceNumber} for {$data.customer.name}

// Inside a repeating element, where $it is the current item
{$it.person.name} - {$it.person.role}

// A formatted value, rendering as "Total: $45.00"
Total: {$data.order.amount:currency;USD;2}

// A fallback, used when the value is null
{$data.order.amount:currency;USD;2|Not priced}

In a data table cell the keyword is $record rather than $it. See text formats for every format.

Options¶

Styling¶

Every value below falls back to the theme until you set it on the component.

Notes¶

• Double-click the component on the canvas to edit its text in place
• Add the text to a dictionary to have it translated per language
• Match the keyword to the scope: $it in a repeating element, $record in a data table cell, $data elsewhere