Content Text
A display-only text block for headings, paragraphs, and callout frames within your form.
The Content Text field renders static text on the form canvas. It does not collect user input. Use it for headings, instructions, disclaimers, or callout messages that provide context between input fields.
Configuration
| Property | Type | Default | Description |
|---|---|---|---|
| label | string | -- | Optional label displayed above the text block |
| width | LayoutWidth | "full" | Horizontal space the field occupies |
| text | string | -- | The text content to display |
| tag | ContentTextTag | "p" | HTML element: "p", "h1", "h2", "h3", "h4", "h5", or "h6" |
| align | ContentTextAlign | -- | Text alignment: "left", "center", or "right" |
| bold | boolean | false | Whether the text is rendered in bold |
| italic | boolean | false | Whether the text is rendered in italic |
| size | ContentTextSize | -- | Font size override: "sm", "base", "lg", or "xl" |
| fontFamily | string | "default" | Font family: "default", "heading", "serif", or "mono" |
| frame | string | "none" | Callout frame style: "none", "warning", "danger", "note", or "accept" |
| showIcon | boolean | -- | Whether to show an icon alongside the frame (only applies when a frame is set) |
Frame Styles
The frame property wraps the text block in a colored callout container:
- none -- No frame, plain text.
- warning -- Yellow/amber border and background, for cautionary notes.
- danger -- Red border and background, for critical warnings.
- note -- Blue border and background, for informational callouts.
- accept -- Green border and background, for success or confirmation messages.
When a frame is active and showIcon is enabled, a matching icon (warning triangle, info circle, etc.) is displayed next to the text.
Example Usage
A warning callout before a payment section:
{
"type": "contentText",
"text": "You will be charged immediately upon submission. This action cannot be undone.",
"tag": "p",
"frame": "warning",
"showIcon": true,
"bold": true,
"align": "center"
}