• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Inställningar

Riktlinjer

Riktlinjer

​
​

Inga resultat hittade, prova med andra sökvillkor.

Personlighet

Designfilosofi
Designprinciper
Värdeord

Identitet

Bildmanér
Dotterbolag
Färger
Ikonografi
Logotyp
Tonläge
Typografi
UX-writing

Layout

Angränsande ytor
Anpassning av komponenter
Avstånd
Brytpunkter
Grid
Layout
Layoutregioner
Säkert område

Mönster

Destruktiva val
Elevation
Hjälp
Inloggning
Interaktionstillstånd
Landningssidor
Minskad rörelse
Mörkt läge
Navigering
Obligatoriska fält
Offline
Onboarding
Progress
Prominens
Sök
Startskärm
Textinmatning
Tomma tillstånd
Validering

Produkter och tjänster

Bodies för bebisar
Chattbot och chatt
Desktop web apps för professionella användare
Digitala skärmar
Html-mejl

Destruktiva val

Destruktiva val

Uppdaterad 2026-05-21

När en modal med osparade ändringar stängs, låt användaren bekräfta sitt val.

Presentera två val i en Alert-komponent:

  • Först ett destruktivt val som bekräftar att osparade ändringar kommer att försvinna när modalen stängs.
  • Därefter ett avbrytande val som släcker alternativen och tar användaren tillbaka till modalen med gjorda men osparade ändringar.

Exempel

Användaren stänger Anpassa resenär-modalen med osparade ändringar.

Användaren stänger Anpassa resenär-modalen med osparade ändringar.

Användaren stänger Din resa-modalen med osparade ändringar.

Användaren stänger Din resa-modalen med osparade ändringar.

Har du frågor?

Johan Beskow

Ansvarig digital design

Isabelle Eurenius

UX-writer

Hanna Fredholm

Tillgänglighetsansvarig