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.
|Quick Dismiss||Allow the modal to closed by clicking outside of the modal|
|Backdrop||Add overlay outside of modal box|
|Width||Width of modal box, options are: |
|Height||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.
|onOpen||Triggers an action when the modal is opened|
|onClose||Triggers an action when the modal is closed|