48f790d123
Some checks failed
CI / lint-and-test (push) Has been cancelled
Move content to correct locations: - AGENTS.md → .agents/AGENTS.md (with orchestrator reference update) - third_party/docs/ (8 reference docs) → wiki/concepts/ - manuals/ (12 Node-RED docs) → wiki/manuals/ Delete 23 unreferenced one-off scripts from scripts/ (keeping 5 active). Delete stale Dockerfile.e2e, docker-compose.e2e.yml, test/e2e/. Remove empty third_party/ directory. Root is now: README, CLAUDE.md, LICENSE, package.json, Makefile, Dockerfile, docker-compose.yml, docker/, scripts/ (5), nodes/, wiki/, plus dotfiles (.agents, .claude, .gitea). Co-Authored-By: Claude Opus 4.6 (1M context) <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 |