Modal

Om komponenten

En modal (dialog) er et midlertidig vindu som åpnes på en nettside eller løsning. Den benyttes ofte der brukeren trenger å avbryte flyten for å gjøre en handling. Modalen skal fange brukerens oppmerksomhet, men skal fortsatt være i kontekst med løsningen.

Slik bruker du komponenten

Modal er nyttig for å vise viktig tilleggsinfo, fokusere på en spesifikk oppgave eller når brukeren må ta stilling til informasjon. Sørg for at formålet med modalen er tydelig og at all nødvendig informasjon er tilgjengelig i modalen. Modalen skal ikke brukes når det kreves at brukeren må navigere mellom flere trinn.

Det er viktig å huske på at en modal ikke skal trigges med en gang siden laster inn. Generelt anbefales det at man begrenser bruken av modal.

Gjør dette / ikke gjør dette

En modal bør ikke inneholde mer enn en handling. Hvis brukeren skal fylle ut svaret på flere spørsmål eller fylle ut et skjema, må dette skje på en egen side.

Anatomi

  1. Tittel
  2. Lukkeknapp
  3. Hjelpetekst
  4. Slot (eget innhold)
  5. Tertiærknapp
  6. Sekundærknapp
  7. Hovedknapp