Timeline Progress

Display

Vertical or horizontal timeline showing step completion with connecting lines.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/timeline-progress

Instalação via CLI

$ npx kikitocn add timeline-progress

Exemplo de uso

Timeline ProgressExample.tsx

import { TimelineProgress } from "@/components/ui/cn/timeline-progress/TimelineProgress";

export function TimelineProgressExample() {
  return (
    <TimelineProgress />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`steps*`	`TimelineProgressStep[]`	—	Passos { label, description?, status, date? }
`orientation`	`'vertical' \| 'horizontal'`	`'vertical'`	Orientação da timeline
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…