Layout container components
Layout containers group widgets inside wm-page-content (and inside other containers). They control alignment, spacing, and how content flows on phone and tablet screens.
WaveMaker mobile apps ship these layout widgets in the component panel. Each maps to a WML tag and renders as native views in the generated Expo app.
Container widgets
| Widget | WML tag | Use when |
|---|---|---|
| Container | wm-container | General grouping, rows and columns, Auto Layout (direction, fill, hug, gap) |
| Accordion | wm-accordion / wm-accordionpane | Stacked sections with one pane expanded at a time |
| Panel | wm-panel | Titled block with optional footer actions |
| Tabs | wm-tabs / wm-tabpane | Related content in tabs on the same page |
| Tile | wm-tile | Compact dashboard-style metric or summary blocks |
| Wizard | wm-wizard / wm-wizardstep | Multi-step flows with Next, Previous, and Done |
Place containers on a page markup, then drop inputs, lists, charts, and other widgets inside them. Partials can sit inside accordion panes, tab panes, and similar regions when you need reusable sections.
Related topics
- Auto Layout: configure
wm-containerlayout properties in Studio without hand-writing styles for every child. - Container types: markup patterns and Storybook links for accordion, tabs, wizard, panel, and tile.
- Responsive design with layouts: device visibility and layout behavior across screen sizes.