LayoutGroup

A utility component that allows child Animate elements to automatically animate between layout changes or play unmount animations. To ensure accurate layout tracking across list updates, child Animate components within a LayoutGroup should ideally specify a unique key prop.

Importing

1 
import { LayoutGroup } from '@infinityfx/lively';

Usage

Click to Remove

Properties

children:React.ReactNode

The child nodes wrapped by the layout group.

skipInitialMount?:boolean = false

Whether to skip playing mount animations for child Animate elements when the LayoutGroup first mounts.

mode?:'wait' | 'sync' = 'wait'

Determines whether to wait for unmount animations to complete before playing newly mounted Animate animations ('wait') or play them simultaneously ('sync').

ignoreWarnings?:boolean = false

Suppress missing child Animate key warnings.