Skip to content

Layout Components

The HMI layout components structure a page — they act as containers that hold and arrange other components, and define page regions such as headers, footers and side bars.

  • Panel — General-purpose container for grouping components.
  • Flexbox — Container that arranges its children as a flexible list.
  • Grid — Arranges children in a configurable rows-and-columns grid, with merge and split support.
  • Header — Panel container for building a page header.
  • Footer — Panel container for building a page footer.
  • Side Bar — Panel container for building a page side bar.
  • Popup — Panel container shown as a modal popup.