Gå til hovedinnhold
KOMPONENTER

Icon button

npmv2.5.1

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

Komponenter

IconButton

Denne komponenten har ingen props

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
Rediger denne siden på Bitbucket