Custom Elements

An Element is a fundamental building block of an HMI — a control, widget or visual component that you can add to a page and configure. Think of it like a ready-made piece of interface.

Elements

• Render visual content in the HMI.
• Appear in the HELIO IDE's Add Element dialog in the Project Editor.
• Are configured using properties that are displayed in the Properties Panel of the Project Editor.
• Can be placed in specific parts of an HMI based on their Traits.

Custom Elements Let You

• Create custom UI controls (buttons, gauges, dashboards, etc.) that are tailored to your needs.
• Encapsulate visual logic and interactivity, so you can reuse them across projects.
• Enhance and extend the HELIO library with functionality you need that isn't available out of the box.

---

Learn more with the following resources:

• Have a look at HELIO's built-in Elements.
• Check out Extend HELIO Using the SDK to learn how you can build custom elements using the HELIO SDK.
• Check out more specific element-related guides:
  • Create a Control Element
  • Create a Widget Element
  • Create an Element With Action
  • Create an Element With Migrations