React Resizable API

The Resizable UI component enables its content to be resizable in the UI.

import Resizable from "devextreme-react/resizable"

Selector: Resizable

Configuration

An object defining configuration properties for the Resizable UI component.

Name	Description
elementAttr	Specifies the global attributes to be attached to the UI component's container element.
handles	Specifies which borders of the UI component element are used as a handle.
height	Specifies the UI component's height.
maxHeight	Specifies the upper height boundary for resizing.
maxWidth	Specifies the upper width boundary for resizing.
minHeight	Specifies the lower height boundary for resizing.
minWidth	Specifies the lower width boundary for resizing.
onDisposing	A function that is executed before the UI component is disposed of.
onInitialized	A function used in JavaScript frameworks to save the UI component instance.
onOptionChanged	A function that is executed after a UI component property is changed.
onResize	A function that is executed each time the UI component is resized by one pixel.
onResizeEnd	A function that is executed when resizing ends.
onResizeStart	A function that is executed when resizing starts.
rtlEnabled	Switches the UI component to a right-to-left representation.
width	Specifies the UI component's width.

Methods of the DomComponent object.

Name	Description
beginUpdate()	Prevents the UI component from refreshing until the endUpdate() method is called.
defaultOptions(rule)	Specifies the device-dependent default configuration properties for this component.
dispose()	Disposes of all the resources allocated to the Resizable instance.
element()	Gets the root UI component element.
endUpdate()	Refreshes the UI component after a call of the beginUpdate() method.
getInstance(element)	Gets the instance of a UI component found using its DOM node.
instance()	Gets the UI component's instance. Use it to access other methods of the UI component.
off(eventName)	Detaches all event handlers from a single event.
off(eventName, eventHandler)	Detaches a particular event handler from a single event.
on(eventName, eventHandler)	Subscribes to an event.
on(events)	Subscribes to events.
option()	Gets all UI component properties.
option(optionName)	Gets the value of a single property.
option(optionName, optionValue)	Updates the value of a single property.
option(options)	Updates the values of several properties.
resetOption(optionName)	Resets a property to its default value.

This section describes events fired by this UI component.

Name	Description
disposing	Raised before the UI component is disposed of.
initialized	Raised only once, after the UI component is initialized.
optionChanged	Raised after a UI component property is changed.
resize	Raised each time the UI component is resized by one pixel.
resizeEnd	Raised when resizing ends.
resizeStart	Raised when resizing starts.