set_overlay_interaction
Set up interactive overlays like modals, dialogs, bottom sheets, and dropdowns by defining trigger nodes, transition animations, and backdrop behavior.
Instructions
Configure interactive overlay prototype interactions (modals, dialogs, bottom sheets, slide-over panels, and dropdowns)
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| easing | No | Animation easing | |
| duration | No | Transition duration in seconds (default: 0.25) | |
| position | No | Overlay alignment on screen (default: CENTER) | |
| direction | No | Slide direction when using SLIDE_IN/MOVE_IN | |
| triggerType | No | Trigger type (default: ON_CLICK) | |
| overlayColor | No | Hex backdrop overlay color (default: '#00000066') | |
| sourceNodeId | Yes | Node ID that triggers the overlay (e.g. button or menu item) | |
| transitionType | No | Transition animation (default: DISSOLVE) | |
| backgroundOverlay | No | Show dimming background backdrop (default: true) | |
| destinationNodeId | Yes | Frame node ID to display as an overlay (e.g. modal or drawer) | |
| closeOnClickOutside | No | Dismiss overlay when clicking outside backdrop (default: true) |