Animated List

Display

Staggered entry animation for any list of children with direction control.

Instalação via CLI

$ npx kikitocn add animated-list

Exemplo de uso

Animated ListExample.tsx

import { AnimatedList } from "@/components/ui/cn/animated-list/AnimatedList";

export function AnimatedListExample() {
  return (
    <AnimatedList />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode[]`	—	Itens da lista
`staggerMs`	`number`	`60`	Delay entre cada item (ms)
`animationMs`	`number`	`300`	Duração da animação de cada item (ms)
`direction`	`'up' \| 'down' \| 'left' \| 'right' \| 'fade'`	`'up'`	Direção da entrada
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…