Home
Docs
InfinityFX
©Copyright2016-2025 InfinityFX. All rights reserved.
InfinityFX®
Lively
v4.0.10
Getting started
Components
Animatable
Animate
LayoutGroup
Morph
Typable
Hooks
useAudio
useLink
usePath
useReducedMotion
useScroll
useSpring
useTrigger
useViewport
useVisible

LayoutGroup

A utility component that allows for animating any child components when they unmount or change layout. To animate between layout changes child components need to have their adaptive property set to true. Child components that you want to play an unmount animation need to have an id property set, as well as have atleast one 'unmount' trigger set.

Importing

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

Usage

Properties

transition?:{ duration?: number; easing?: Easing; reverse?: boolean; } = { duration: 0.5, easing: 'ease', reverse: false }

The animation config to use for layout change animations.