Steps

Etapas são a melhor maneira de exibir uma série de ações ou eventos para seus usuários. Você pode adicionar quantas etapas desejar.

1. Primeira Etapa

   Estas são instruções ou conteúdo que se referem apenas à primeira etapa.

2. Segunda Etapa

   Estas são instruções ou conteúdo que se referem apenas à segunda etapa.

3. Terceira Etapa

   Estas são instruções ou conteúdo que se referem apenas à terceira etapa.

Steps Example

<Steps>
  <Step title="First Step">
    These are instructions or content that only pertain to the first step.
  </Step>
  <Step title="Second Step">
    These are instructions or content that only pertain to the second step.
  </Step>
  <Step title="Third Step">
    These are instructions or content that only pertain to the third step.
  </Step>
</Steps>

Propriedades das Etapas

children · ReactElement<StepProps>[] · required

Uma lista de Step componentes.

titleSize · string · default: "p"

O tamanho dos títulos das etapas. Um de p, h2 e h3.

Propriedades de Etapa Individual

children · string | ReactNode · required

O conteúdo de uma etapa, seja como texto simples ou componentes.

icon · string or svg

Um ícone Font Awesome, ícone Lucide, ou código SVG em icon={}

iconType · string

Um de regular, solid, light, thin, sharp-solid, duotone, brands

title · string

O título é o texto principal para o passo e aparece ao lado do indicador.

stepNumber · number

O número do passo.

titleSize · string · default: "p"

O tamanho dos títulos dos passos. Um de p, h2 e h3.