Egnet til:

• selvstendige og mindre fremtredende handlinger på siden, som for eksempel «Legg til» eller «Fjern».
• situasjoner der Button tar for mye plass og du trenger noe mer plasseringsvennlig.

Uegnet til:

• situasjoner der handlingen er en hovedhandling på siden

Teknisk dokumentasjon

Se InlineButton i Storybook for tekniske detaljer. 

Varianter

InlineButton kan være med eller uten ikon, og ikonet plasseres til høyre eller venstre for teksten i knappen.  

Med ikon

Selvstendige handlinger på siden

Hvordan bruke komponenten

• Hvis du ikke bruker ikon vil komponenten automatisk få understrek.

Universell utforming  

• Bruk korte, forståelige tekster i knappen. Det skal være lett å skjønne hva målet med knappen er. Se også skrivereglene for hvordan skrive på knapper.
• Ikke bruk knappen for å navigere videre til et annet område.
• Bruk aktiv knapp med feilmelding i stedet for inaktiv (disabled) knapp fordi:
  • inaktiv knapp har dårlig kontrast mot bakgrunn.
  • det kan være vanskelig for folk å vite om knappen kan trykkes på.
  • folk kan kan gå glipp av endring fra inaktiv til aktiv.
  • noen skjermlesere leser ikke elementer som er inaktive.