Nabrio Help
Nabrio Help

Getting Started

Nara Overview

Understanding Nara

Using Nara

Components

WidgetsColor PickerDatetime PickerNumber SliderNumber InputText InputText AreaSwitchWeek Time Ranges InputRound Number GaugeBasic DisplayConsole Log ViewImage FrameXY Number ChartArray Object TableTrigger ButtonDialog Trigger

Miscellaneous

Nomenclature
Troubleshooting
Notice and DisclaimerEULA
Widgets

Text Area

Overview

Text Area is an input widget that provides a multi-line text field for users to enter longer text content on the dashboard. It is suitable for notes, logs, descriptions, or any multi-line string input.

Text Area on Dashboard

Text Area widget on the Dashboard

Widget Info

FieldValue
TypeInput
DescriptionInput field for multi-line text values
Data Typesstring, null, undefined
Dev StageBeta

Data Source

The Data Source dropdown binds the widget to a flow variable. The entered text is stored into this variable when the user edits the field. The variable must be of type string.

Settings

Text Area Settings

Text Area settings panel

Label

Label for the value displayed on the widget.

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.

Placeholder

Text displayed when the input is empty.

Rows

Number of visible text lines. Controls the initial height of the text area. Defaults to 4.

Read Only

When enabled, prevents the user from editing the text area.


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.

Layout

Display layout of the widget.

ValueDescription
defaultLabel appears above the text area (stacked vertically)
rowLabel and text area appear side by side on the same row

Text Input

Previous Page

Switch

Next Page

On this page

OverviewWidget InfoData SourceSettingsLabelLabel ColorPlaceholderRowsRead OnlyAdvanced OptionsLabel Class NameLabel Icon IDLabel Icon Class NameLayout