Text Input
Overview
Text Input is an input widget that provides a single-line text field for users to type a string value on the dashboard. It supports character limits, placeholder text, and size options.
Text Input widget on the Dashboard
Widget Info
| Field | Value |
|---|---|
| Type | Input |
| Description | Input field for text values |
| Data Types | string, null, undefined |
| Dev Stage | Beta |
Data Source
The Data Source dropdown binds the widget to a flow variable. The entered text is stored into this variable when the user confirms the input. The variable must be of type string.
Settings
Text Input settings panel
Label
Label for the input field.
Label Color
Color of the label text. Use the color swatch to pick a custom color, or press the reset button (↺) to restore the default.
Layout
Layout style of the input field.
| Value | Description |
|---|---|
default | Label appears above the input (stacked vertically) |
row | Label and input appear side by side on the same row |
Placeholder
Placeholder text displayed inside the input field when it is empty.
Max Length
Maximum number of characters allowed in the input.
Min Length
Minimum number of characters required before the input is considered valid.
Required
When enabled, marks the field as required. The value must be non-empty before the form can be submitted.
Read Only
When enabled, prevents the user from editing the input.
Size
Size of the input text field.
| Value | Description |
|---|---|
small | Compact input |
medium | Standard input |
large | Larger input |
Advanced Options
Enable Advanced Options at the top right of the settings panel to reveal the following additional settings.
Label Class Name
Tailwind CSS class name applied to the label element for custom styling.
Label Icon ID
The icon to display next to the label.
Label Icon Class Name
Tailwind CSS class name applied to the label icon element for custom styling.