Icon
The Icon element renders a single Material Icon within a form — a small, universally recognizable symbol that can communicate status, category,…
The Icon element renders a single Material Icon within a form — a small, universally recognizable symbol that can communicate status, category, action intent, or context at a glance. It draws from the full Material Icons library, giving you access to hundreds of icons covering every common UI need.
Icons can be displayed in filled or outlined style (isoutlined), labeled, and conditionally shown or hidden at runtime. Because selecticon and visible are part of the data model in Procesio Forms, the displayed icon can be swapped dynamically — for example, showing a check_circle when a validation passes, a warning when it fails, or a specific category icon based on a process variable.
Key Use Cases
• Visual status indicators — swapping between check, warning, and error icons at runtime
• Category or type indicators alongside form sections or list items
• Decorative icons in headers or next to labels to improve form scannability
• Dynamically changing icons to reflect the current state of a process or approval
Runtime API — Attributes in Procesio Forms
All attributes below are accessible and modifiable at runtime via the element's data model in Procesio Forms.
| API Name | Description | Type | Default | Notes |
|---|---|---|---|---|
| label | Optional display label shown with the icon | string | — | — |
| tooltip | Help text shown alongside the icon | string | — | — |
| selecticon | The Material Icon name to display | string | — | See full icon list in docs |
| isoutlined | If true, uses the outlined icon style | boolean | false | — |
| visible | Controls element visibility | boolean | true | — |
| name | Unique element name | string | — | — |
| id | Unique element ID | string | — | — |
For support, please join our Discord community for further assistance and support.
File Viewer
The File Viewer element provides an inline or modal document preview experience directly within a form. Rather than forcing users to download a file…
Data Table
The Data Table element renders a read-oriented tabular view of structured data within a form. It is designed for displaying datasets — lists of…