Hoppa till huvudinnehåll

Knappar och länkar

Detta mönster är till för beskriva i vilka situationer Knapp, Länkknapp och Länk ska användas

Knappar

Knappar används för att initiera en aktivitet. När användaren interagerar med en knapp händer något på sidan. Exempel på situationer där det är lämpligt med en knapp:

  • När ett formulär ska skickas in.
  • För att initiera en sökning
  • För att öppna en modal

Länkar

Länkar används för att ta användaren till en ny sida eller en annan del av en sida/applikation. På en webbsida eller i en webbapplikation syns detta som en ny URL.

Länkknapp

Länkknappen är tekniskt en länk men visuellt lik en knapp. Den används vid navigering när det behövs en tydligare visuell signal till användaren att välja länken, än vad en vanlig länk ger. Användaren ska uppfatta att en handling utförs. Exempel på situationer där det är lämpligt med en länkknapp:

  • Vid navigering inom en applikation
  • Som en startpunkt, t.ex. en länk från webben till en e-tjänst

Fristående länk

Fristående länk är en variant av länk som används när en länk ligger utanför ett textstycke.

Länk

Länk används när länken är i ett textstycke.