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! */
Last updated