6a6c04d34b
- Update all submodule URLs from gitea.centraal.wbd-rd.nl to gitea.wbd-rd.nl - Add settler as proper submodule in .gitmodules - Add agent skills, function anchors, decisions, and improvements - Add Docker configuration and scripts - Add manuals and third_party docs - Update .gitignore with secrets and build artifacts - Remove stale .tgz build artifact Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2.6 KiB
2.6 KiB
FlowFuse Dashboard 2.0 — Widget Catalog
Source: https://dashboard.flowfuse.com/
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.) |
Config Nodes (4 types)
| 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 |