Stepper

Merk at innholdsbredden på dokumentasjonssiden gjør at visningen av komponenteksemplene er versjonen av komponenten for mindre skjemer. Vi ser på muligheten for å fikse dette.

Om komponenten

Stepper er en navigasjonskomponent som lar brukeren navigere mellom ulike deler eller seksjoner av et skjema, også kjent som en FormWizard.

Den gir oversikt over fremdrift, og lar brukeren hoppe mellom forskjellige deler av skjemaet.

Egnet til:

• Navigering mellom steg i et skjema.
• Oversikt over fremdrift i et skjema.

Uegnet til:

• Navigasjon utenfor skjemaer.
• Visning av fremdrift utenfor skjemaer.

Tilstand og fremdrift

Tilstanden til hvert enkelt steg kan settes til complete. Dette indikerer steget som fullført. Dette gir brukeren oversikt over fremdriften for hele skjemaet.

I tillegg kan du indikere framdrift innad i et gitt steg ved hjelp av progress i prosent. Dette gjør at linjen mellom stegene viser brukeren hvor langt hen er kommet for et steg.

Lineære og sekvensielle skjemaer

Dersom et steg ikke er tilgjengelig kan man benytte isDisabled. Steget vil dermed ikke være valgtbart. Dette er nyttig for skjemaflyter hvor man ikke kan gå videre til neste steg, før nåværende steg er fullført.

Et eksempel kan være et oppsummeringssteg som ikke er tilgjengelig før alle foregående steg er fullførte.

Komponentens oppbygning

Selv om stegene i komponenten består av en <Link> trenger nødvendigvis ikke hvert steg i prosessen være en egen URL. Dersom det ikke spesfiseres en href på <Link> vil steget fungere som en knapp i stedet for en lenke.