Dot Stepper

Display

Dot-based step progress indicator with variant and click navigation.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/dot-stepper

Instalação via CLI

$ npx kikitocn add dot-stepper

Exemplo de uso

Dot StepperExample.tsx

import { DotStepper } from "@/components/ui/cn/dot-stepper/DotStepper";

export function DotStepperExample() {
  return (
    <DotStepper />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`steps*`	`number`	—	Número total de passos
`current*`	`number`	—	Índice do passo atual
`onChange`	`(index: number) => void`	—	Callback ao clicar em um dot
`variant`	`'dot' \| 'bar' \| 'ring'`	`'dot'`	Estilo do indicador
`className`	`string`	—	Classes CSS extras

Carregando…