ProcessButton

Nedan finns länk till komponent-dokumentationen, sedan en lista med tillgängliga selectors du kan använda i din css!

ProcessButtons

Selektor	Element
.process-btn-cancel { }	Processknappen "Avbryt".
.process-btn-prev { }	Processknappen "Föregående".
.process-btn-next { }	Processknappen "Nästa".
.process-btn-namnPåKoppling { }	Processknapp skapad från koppling mellan steg i processen. OBS Se bild nedan!
.process-btn-modal { }	Modal med felmeddelande som visas då användaren försöker byta från sektion som innehåller valideringsfel.
.sp-wrapper-process-button { }	Wrapper som alla processknapparna ligger i.

Avvikelse

Här har en koppling i processen fått namnet "skicka in". Mellanrummet i namnet orsakar att vi också får ett mellanrumm i "class" attributet i vår DOM. Knappen har därför fått både klassnamnen "process-btn-skicka" och "in". För att skriva en css selektor till komponenen måste vi nu ange följande.

.process-btn-skicka {
/* your css here */
}

/* Eller för högre specificitet */

.process-btn-skicka.in {
 /* your css here */
}

 /* Glöm inte att högre specificitet innebär högre prioritet i css! */