ef-canvas
Adds a selection and hover overlay to a composition's DOM subtree, with click-to-select, drag-to-move, and corner-resize.
Adds a selection and hover overlay to a composition's DOM subtree, with click-to-select, drag-to-move, and corner-resize.
Attributes
| Attribute | React prop | Type | Default | Description |
|---|
readonly | readonly | boolean | false | Disables selection/drag/resize/rotate interaction; overlays remain visible but non-interactive. |
target | target | string | "" | 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. |