Use a modal component to build a modal box
Create a Modal
Start by dragging a Modal component from the Components panel.
Modal Navigation: The Modal component is hidden from the canvas because it only opens when an event is triggered. One way to open and edit event-based components like the modal component is to click on Navigation > Modal1.
|Allow the modal to closed by clicking outside of the modal
|Add overlay outside of modal box
|Width of modal box, options are:
|Height of modal box, options are:
Properties can be accessed from other frontend components and backend APIs by adding the name of the Modal component, and dot referencing the property. For a Modal named
|Returns a boolean of the state of the Modal (True, if it is open)
|Returns the boolean value of the component's visibility (True, if it is visible)
|Preset width of modal box (
|Preset Height of modal box (
The following events are triggered by user interactions with Modal components. Use event handlers to trigger actions in response to user events.
|Triggers an action when the modal is opened
|Triggers an action when the modal is closed