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.

En trekkspilliste med én rad fungerer ikke alltid like bra. Hvis du ønsker et alternativ kan du vurdere å ta i bruk ExpandButton.

Når bruker vi en Accordion?

Viktig informasjon bør alltid ligge synlig, ikke skjult i en trekkspilliste. Hvilken informasjon som er viktig kommer an på situasjonen din. Om du er i tvil, velg å ikke bruke Accordion.

  • Trekkspillister passer godt til tilleggsinformasjon som kan være til hjelp for brukerne.
  • Teksten på hver rad i listen må være tydelig, og må beskrive innholdet for brukeren. "Vis mer" er ikke en god nok tittel.
  • Du kan sette en overskrift for hele trekkspillisten om du ønsker.

Eksempler på bruk

React API

Her finner du en oversikt over props på komponentene i pakken.