Code Stepper

Display

Static vertical numbered steps, connected by a rail, with a code block per step.

Code Stepper — passos estáticos numerados com bloco de código

Passo 1

npx create-react-app my-app

Passo 2

cd my-app

Passo 3

npm start

Passo 4

npm run build

Instalação via CLI

$ npx kikitocn add code-stepper

Interno:

@/lib/utils

Exemplo de uso

Code StepperExample.tsx

import { CodeStepper } from "@/components/ui/cn/code-stepper/CodeStepper";

export function CodeStepperExample() {
  return (
    <CodeStepper />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`steps*`	`CodeStepperStep[]`	—	Array de { title, code }
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Display

Carregando…