Pages & Modals

Pages and modals are UI units with component trees and Design, Data, and Action configuration.

Definitions

Object	Where managed	How opened	Typical use
Page	Left sidebar Pages	Route, navigation, jump	Home, list, detail, profile
Modal	Left sidebar Modals	Open Modal action	Confirm, form overlay, drawer

Shared design fields: Design Panel.

Field	Description
Web path	URL path segment
Web title	Browser tab title
SEO	Title, description, keywords, share image
Initial screen	Whether this page is the Web entry screen

Field	Description
Size	Width, height
Position	Placement in viewport
Close on mask click	Dismiss when clicking the backdrop

💡

A modal canvas accepts the same components as a page — text, buttons, inputs, lists, etc.

Field	Page	Modal
Data source	Page-level query/subscription	Modal-level query/subscription
Variables	Temporary page state	Temporary modal state
Parameters / inputs	Path or query params when navigating	Inputs when opening the modal

Object	Typical triggers
Page	On load, on unload, scheduled jobs
Modal	Inner component clicks, submit, close

Action	Description
Open modal	Choose target modal; pass inputs if needed
Close modal	Close current or specified modal

Action overview: Actions.

When a page opens:

Scenario	Use
Primary routable screen	Page
Temporary confirm / form / detail	Modal
Shared data for many components	Page or modal data source
Pass current list row into a modal	Pass list item as input or via page variable before open