5ae8788fd7
Source-tree mirror of EVOLV.wiki.git refactor (27a42ee on wiki.git): - 7 master pages rewritten with clean design (Home, Architecture, Topology-Patterns, Topic-Conventions, Telemetry, Getting-Started, Glossary). Tables and Mermaid for visuals, gitea alert callouts for warnings, shields badges for metadata only. No emoji as decoration. - Archive.md becomes a removal-changelog pointing readers to git history and to the successor pages. - _Sidebar.md updated to navigate the new flat-name layout. - Concept / finding / manual pages: uniform mini-header (badges + "reference page" callout) added without rewriting domain content. - Every internal link now uses the flat naming that resolves on the live gitea wiki (Concept-ASM-Models, Finding-BEP-..., etc.). On wiki.git: 29 Archive-* pages hard-deleted (the git history preserves them; Archive.md documents the removal). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
56 lines
2.8 KiB
Markdown
56 lines
2.8 KiB
Markdown
# FlowFuse Dashboard 2.0 — Widget Catalog
|
|
|
|
 -orange)
|
|
|
|
> [!NOTE]
|
|
> Reference page. Maintained for context; not regenerated by code. See [Home](Home) for current top-level navigation.
|
|
|
|
|
|
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 |
|
|
|
|
## See Also
|
|
|
|
- [ui-gauge manual](flowfuse-ui-gauge-manual.md)
|
|
- [ui-text manual](flowfuse-ui-text-manual.md)
|
|
- [ui-template manual](flowfuse-ui-template-manual.md)
|
|
- [ui-button manual](flowfuse-ui-button-manual.md)
|
|
- [ui-chart manual](flowfuse-ui-chart-manual.md)
|
|
- [ui-config manual](flowfuse-ui-config-manual.md)
|
|
- [Dashboard layout notes](flowfuse-dashboard-layout-manual.md)
|