FileUpload

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

Fileupload
Selektor
Element
.sp-fileupload {
}

Wrapper för komponenten, försvinner när maxantalet filer laddats upp.

.sp-fileupload-wrapper {
}

Inre wrapper för fältet där användare kan släppa filer och "bläddra" knappen. Försvinner när maxantalet filer laddats upp.

.sp-fileupload-errors {
}

Errormeddelande som dyker upp under den inre wrappern om fel uppstått. Exempelvis för stor fil.

.sp-fileupload-file {
}

Wrapper per uppladdad fil. Innehåller text, knappar och progress bar för varje uppladdad fil.

.sp-fileupload-filesize {
}

Text som visar filstorlek. Ligger ganska djupt nestad i ".sp-fileupload-file"

.sp-fileupload-progressbar {
}

Progress bar som visar hur långt uppladdningen av filen kommit. Direkt child till ".sp-fileupload-file"

.sp-fileupload-uploaded {
}

Wrapper längst ner i komponenten, innehåller ingenting.

Last updated