Multi Step Loader

Feedback

Full-screen overlay showing a sequence of loading steps advancing automatically or via `loading` — adapted from Aceternity UI.

Overlay de tela cheia com etapas sequenciais

Instalação via CLI

$ npx kikitocn add multi-step-loader

Interno:

@/lib/utilsmotion

Exemplo de uso

Multi Step LoaderExample.tsx

import { MultiStepLoader } from "@/components/ui/cn/multi-step-loader/MultiStepLoader";

export function MultiStepLoaderExample() {
  return (
    <MultiStepLoader />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`loadingStates*`	`{ text: string }[]`	—	Etapas exibidas em sequência
`loading`	`boolean`	`false`	Controla se o overlay está visível
`duration`	`number`	`2000`	Tempo (ms) entre cada etapa
`loop`	`boolean`	`true`	Volta pra primeira etapa ao chegar na última

Voltar para Feedback

Carregando…