Adds a selection and hover overlay to a composition's DOM subtree, with click-to-select, drag-to-move, and corner-resize.
Attributes
2 of 2
readonly
- React prop
readonly- Type
boolean- Default
false- Description
- Disables selection/drag/resize/rotate interaction; overlays remain visible but non-interactive.
target
- React prop
target- Type
string- Default
""- Description
- ID of the target element this component controls or reads from.
Slots
| Slot | Description |
|---|---|
| (default) | Composition elements registered with the canvas for selection, drag, and resize actions. |
Events
| Event | Detail | Description |
|---|---|---|
canvas-transform | { elementId: string } | Fires when a drag, resize, or rotate gesture on a selection box ends. |