Resize Observer

Updated:

Use for detecting size changes to elements and emitting resize events.

Properties

Learn more about properties.

disabled

Determines wheter or not events will be emitted from the component.

Events

The q2-resize-observer element exposes events that can be used to send and receive data from the component based on user interaction.

Learn more about events.

tctResize

Emitted when any of the observed elements are resized.

Event Detail Type signature

{ entries: ResizeObserverEntry[]; }

Methods

The q2-resize-observer element exposes methods that can be used to perform various actions on the component.

Learn more about methods.

getCurrentResizeEntries

Returns the latest entries reported by the component.

Type signature

getCurrentResizeEntries() => Promise<ResizeObserverEntry[]>

Dependencies

This component uses other components in the Tecton library, including:

    Dependents

    Other components in the Tecton library use this component, including:

    • q2-action-group

    CSS Variables

    The following CSS variables are available to override the default theme styles of the q2-resize-observer component.

    No results

    Changelog

    The changelog provides a detailed history of new features, improvements, and bug fixes going back to Tecton 1.30.0. If the button is disabled, it indicates there have been no detectable changes since then.

    Show changelog (5)