Hopp til innhold

Accordion

Med trekkspillister kan vi presentere mye innhold på liten plass. En trekkspilliste har én eller flere rader, som brukeren kan klikke på for å vise eller skjule informasjon.

Live demo

Accordion
Visning
Tema
Tetthet

Showcase

Fakturaarkiv

Fra BM

Ved å bruke accordion til å liste ut et fakturaarkiv får man fort godt overblikk over samlingen av fakturaer. Da en faktura inneholder mye relevant informasjon er det hendig å kun liste ut de mest beskrivende detaljene, for så å kunne ekspandere den ønskede fakturaen og lese den i sin helhet.

Betaling og faktura

Fra PM øvrig

Her har PM valgt å bruke accordion til å liste ut fakturaer for alle aktive forsikringer man har og fremhever både forfallsdato og status på seneste innbetaling.

Informasjon om skjemaer

Fra SeOpp

I dette eksempelet er det brukt en accordion for å liste ut ulike typer skjema. I dette tilfellet er det hensiktsmessig å skjule ytterligere informasjon om skjemaene, da det kun vil være et som er relevant for utfylling av skadeskjema. Slik unngår vi å gi brukeren urelevant informasjon og bruke unødvendig plass i løsningen.

Figma-eksempler