Stagger Group

Wrapper for staggered list animations using motion/react variants.

Conjunto de wrappers para animar listas ou grelhas em cascata (stagger). O StaggerGroup controla o tempo entre os filhos, e cada StaggerItem define a sua própria animação de entrada. Respeita prefers-reduced-motion (anula o stagger e o deslocamento).

Importação

import { StaggerGroup, StaggerItem } from "@zexon/ui/components/stagger-group";

Uso

Exemplo

Props

StaggerGroup

Prop	Tipo	Predefinição	Notas
`staggerDelay`	`number`	`0.1`	Atraso entre cada filho (segundos)
`delay`	`number`	`0`	Atraso inicial antes de começar o stagger
`once`	`boolean`	`true`	Se anima apenas na primeira vez
`margin`	`string`	`"-50px"`	Margem do viewport
`animateOnMount`	`boolean`	`false`	Se `true`, anima imediatamente

StaggerItem

Prop	Tipo	Predefinição	Notas
`yOffset`	`number`	`20`	Deslocamento inicial no eixo Y (px)
`duration`	`number`	`0.5`	Duração da animação do item

Spinner

StatusDot