prosekit/web/resizable
Anatomy
Section titled “Anatomy”Classes
Section titled “Classes”ResizableHandleElement
Section titled “ResizableHandleElement”<prosekit-resizable-handle> custom element.
Properties: ResizableHandleProps
Constructors
Section titled “Constructors”Constructor
Section titled “Constructor”Properties
Section titled “Properties”-
position:"left"|"right"|"top"|"bottom"|"top-left"|"top-right"|"bottom-left"|"bottom-right" -
The position of the handle.
Default
Section titled “Default”"bottom-right"
Methods
Section titled “Methods”-
addController(controller:ReactiveController):void
-
removeController(controller:ReactiveController):void
-
connectedCallback():void
-
disconnectedCallback():void
ResizeStartEvent
Section titled “ResizeStartEvent”Constructors
Section titled “Constructors”Constructor
Section titled “Constructor”-
new ResizeStartEvent(width:number,height:number):ResizeStartEvent
Properties
Section titled “Properties”-
readonly detail:object
ResizeEndEvent
Section titled “ResizeEndEvent”Constructors
Section titled “Constructors”Constructor
Section titled “Constructor”-
new ResizeEndEvent(width:number,height:number):ResizeEndEvent
Properties
Section titled “Properties”-
readonly detail:object
ResizableRootElement
Section titled “ResizableRootElement”<prosekit-resizable-root> custom element.
Properties: ResizableRootProps
Events: ResizableRootEvents
Data attributes:
| Attribute | Description |
|---|---|
data-resizing | Present when the element is being resized |
Constructors
Section titled “Constructors”Constructor
Section titled “Constructor”Properties
Section titled “Properties”-
width:number|null -
The width of the resizable element.
Default
Section titled “Default”null
-
height:number|null -
The height of the resizable element.
Default
Section titled “Default”null
-
aspectRatio:number|null -
The aspect ratio of the resizable element.
Default
Section titled “Default”null
Methods
Section titled “Methods”-
addController(controller:ReactiveController):void
-
removeController(controller:ReactiveController):void
-
connectedCallback():void
-
disconnectedCallback():void
Interfaces
Section titled “Interfaces”ResizableHandleProps
Section titled “ResizableHandleProps”Properties
Section titled “Properties”-
position:"left"|"right"|"top"|"bottom"|"top-left"|"top-right"|"bottom-left"|"bottom-right" -
The position of the handle.
Default
Section titled “Default”"bottom-right"
ResizableRootProps
Section titled “ResizableRootProps”Properties
Section titled “Properties”-
width:number|null -
The width of the resizable element.
Default
Section titled “Default”null
-
height:number|null -
The height of the resizable element.
Default
Section titled “Default”null
-
aspectRatio:number|null -
The aspect ratio of the resizable element.
Default
Section titled “Default”null
ResizableRootEvents
Section titled “ResizableRootEvents”Properties
Section titled “Properties”-
Emitted when a resize operation starts.
-
Emitted when a resize operation ends.