Enact

ui/Resizable

Exports the ui/Resizable.Resizable Higher-order Component (HOC).

import Resizable from '@enact/ui/Resizable';

Members

ResizableHigher-Order Component

ui/Resizable.Resizable is a Higher-order Component that can be used to notify a container that the Wrapped component has been resized. It may be useful in cases where a component may need to update itself as a result of its children changing in size, such a Scroller.

Containers must provide an invalidateBounds method via React's context in order for Resizable instances to notify it of resize.

import Resizable from '@enact/ui/Resizable';
Configuration
filter
String

Configures the event name that will indicate a resize of a container may be necessary

Default: null
resize
Function

Configures a function that can filter the event to limit when the container is notified. This function will receive the event payload as its only argument and should return true to prevent the resize notification.

Default: null

contextTypes

The context propTypes required by Resizable. This should be set as the childContextTypes of a container that needs to be notified of a resize.

ArrayBooleanFunctionModuleNumberObjectString