Steps

Los pasos son la mejor manera de mostrar una serie de acciones o eventos a tus usuarios. Puedes añadir tantos pasos como desees.

1. Primer Paso

   Estas son instrucciones o contenido que solo pertenecen al primer paso.

2. Segundo Paso

   Estas son instrucciones o contenido que solo pertenecen al segundo paso.

3. Tercer Paso

   Estas son instrucciones o contenido que solo pertenecen al tercer paso.

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>

Propiedades de Steps

children · ReactElement<StepProps>[] · required

Una lista de Step componentes.

titleSize · string · default: "p"

El tamaño de los títulos de los pasos. Uno de p, h2 y h3.

Propiedades de Pasos Individuales

children · string | ReactNode · required

El contenido de un paso, ya sea como texto plano o componentes.

icon · string or svg

Un icono de Font Awesome, icono de Lucide, o código SVG en icon={}

iconType · string

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

title · string

El título es el texto principal para el paso y aparece junto al indicador.

stepNumber · number

El número del paso.

titleSize · string · default: "p"

El tamaño de los títulos de los pasos. Uno de p, h2 y h3.