Usa i passaggi per mostrare una serie di azioni o eventi in sequenza. Puoi aggiungere tutti i passaggi necessari.
1

First Step

Queste sono istruzioni o contenuti che riguardano solo il primo passaggio.
2

Second Step

Queste sono istruzioni o contenuti che riguardano solo il secondo passaggio.
3

Third Step

Queste sono istruzioni o contenuti che riguardano solo il terzo passaggio.
Steps example
<Steps>
  <Step title="First Step">
    Queste sono istruzioni o contenuti che riguardano solo il primo passaggio.
  </Step>
  <Step title="Second Step">
    Queste sono istruzioni o contenuti che riguardano solo il secondo passaggio.
  </Step>
  <Step title="Third Step">
    Queste sono istruzioni o contenuti che riguardano solo il terzo passaggio.
  </Step>
</Steps>

​
Proprietà di Steps

​
children
ReactElement<StepProps>[]
required
Un elenco di componenti Step.
​
titleSize
string
default:"p"
La dimensione dei titoli degli step. Valori ammessi: p, h2 o h3.

​
Proprietà del singolo step

​
children
string | ReactNode
required
Il contenuto dello step, come testo semplice o come componenti.
​
icon
string
L’icona da visualizzare.Opzioni:
  • Nome dell’icona Font Awesome
  • Nome dell’icona Lucide
  • Codice SVG compatibile con JSX racchiuso tra parentesi graffe
  • URL di un’icona ospitata esternamente
  • Percorso di un file icona nel tuo progetto
Per icone SVG personalizzate:
  1. Converti il tuo SVG con il convertitore SVGR.
  2. Incolla il tuo codice SVG nel campo di input SVG.
  3. Copia l’elemento completo <svg>...</svg> dal campo di output JSX.
  4. Racchiudi il codice SVG compatibile con JSX tra parentesi graffe: icon={<svg ...> ... </svg>}.
  5. Regola height e width secondo necessità.
​
iconType
string
Lo stile dell’icona Font Awesome. Utilizzato solo con le icone Font Awesome.Opzioni: regular, solid, light, thin, sharp-solid, duotone, brands.
​
title
string
Il titolo è il testo principale dello step e viene mostrato accanto all’indicatore.
​
stepNumber
number
Il numero dello step.
​
titleSize
string
default:"p"
La dimensione del titolo dello step. Una tra p, h2 e h3.