EVOLV

Table of Contents

Note

Reference page. Maintained for context; not regenerated by code. See Home for current top-level navigation.

Widgets (22 types)

Widget	Type String	Description
Audio	`ui-audio`	Play audio files or TTS in browser
Button	`ui-button`	Clickable button, sends msg on click/pointerdown/pointerup
Button Group	`ui-button-group`	Multiple buttons rendered together as toggle/selection
Chart	`ui-chart`	Line, bar, scatter, pie, histogram — backed by eCharts
Control	`ui-control`	Programmatic page navigation and group visibility control
Dropdown	`ui-dropdown`	Select one or many options from a dropdown list
Event	`ui-event`	Fires msg on browser-side events (page load, resize, etc.)
File Input	`ui-file-input`	File upload from browser to Node-RED
Form	`ui-form`	Multi-field input form with submit action
Gauge	`ui-gauge`	Numeric display as tile, battery, tank, half-arc, or 3/4-arc
Markdown	`ui-markdown`	Render markdown/HTML content
Notification	`ui-notification`	Toast / snackbar / alert popups
Number Input	`ui-number-input`	Numeric input field with optional range/step
Progress	`ui-progress`	Linear or circular progress bar
Radio Group	`ui-radio-group`	Select one option from radio buttons
Slider	`ui-slider`	Horizontal or vertical slider control
Spacer	`ui-spacer`	Empty cell for layout positioning
Switch	`ui-switch`	On/off toggle switch
Table	`ui-table`	Paginated data table with sorting/selection
Template	`ui-template`	Custom Vue/Vuetify/HTML with full scripting
Text	`ui-text`	Read-only text display, supports HTML
Text Input	`ui-text-input`	Editable text field (text, password, email, etc.)

Node	Type String	Purpose
Base	`ui-base`	Root dashboard instance — path, nav style, header
Theme	`ui-theme`	Colors, sizing, spacing, group styling
Page	`ui-page`	Dashboard page — path, layout (grid/fixed/notebook/tabs), breakpoints
Group	`ui-group`	Widget container — width, height, order within a page