ui/Resizable

A higher-order component that handles component resize event.

Import Usage

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

Members

Resizable   Higher-Order Component

A higher-order component that notifies 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 as a ui/Scrollerui/Scroller.

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

The wrapped component must respond to the configured ui/Resizableui/Resizable.Resizable.defaultConfig.resize event.

Import Usage

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

Configuration

filter

Function

A handler to process the resize event.

It should return a truthy value if the event should trigger a resize.

Default: null

See: core/handlecore/handle

---

Required Property •  resize

String

The name of the event on the wrapped component to listen to for size changes.

This event name will be passed to the wrapped component and will also be forwarded (if needed) to the parent component.