Slik lager du en prosessveiviser
Lag en punktliste med inntil fem punkter, med lenker til de forskjellige nettsidene som beskriver de forskjellige stegene i prosessen.
I kildekoden skriver du inn class="steps-guide steps-guide-five-columns" etter <ul
For å markere aktiv steg hvis du også skal vise den på sidene i stegene, kan du legge til class="steps-guide-active" på <li>-en som er aktiv.
Eksempel
Prosessveiviseren brukes f.eks. til å vise frem hva man må gjøre for å dra på utveksling. Her er prosessveiviseren brukt som et navigasjonselement som ligger øverst på hver nettside.
- Finn ut når og hvor du kan reise
- Søk om utveksling
- Før du reiser
- Når du er i utlandet
- Etter at du har kommet hjem
Tips til bruk
Egner seg til veiledninger på mellom 3-5 trinn.
Har du færre eller flere trinn, vurder å heller bruke lenker. Alternativt kan du bruke Accordion/trekkspillkomponent dersom hvert trinn ikke er veldig omfattende og du kan ha dem som avsnitt på samme side.