Gå til hovedinnhold
KOMPONENTER

Icon button

Ikonknapper har bare et ikon uten label og lar brukerne gjøre handlinger og ta valg med et enkelt klikk.

Komponenter

IconButton

NavnTypePåkrevd?Beskrivelse
ref((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null
keystring | number

Retningslinjer for bruk

Ikonknapper har ingen label og er bare et ikon. Tooltips er derfor nødvendige når de brukes alene. Ved å hovre på ikonknappen, vil det dukke opp en tooltip med en tekstbeskrivelse som forklarer handlingen brukeren kan utføre.

Siden de ikke har en label sparer de også mye plass i et grensesnitt. Ikonknapper lar deg ha andre ikonknapper ved siden av dem på en liten plass. Tommelfingerregelen å bare ha ikonknapper, er kun aktuelt for ikoner som man anser som globalt forståelige.

Eksempler

Ikonknapper brukes ofte som inline-handlinger i tabellrader og verktøylinjer.

FraAvgangTilMeny
Majorstua10.00Østerås
Majorstua11.00Østerås
Majorstua12.00Østerås