@fremtind/jkl-button

 @fremtind/jkl-button

Om knapper

Knapper starter en handling. De oppfordrer brukeren til å gjøre noe. Teksten på knappen forteller hva som vil skje når brukeren velger den. For å gi fokus forstørres knappen når brukeren holder pekeren over eller velger den.

Knappetyper

• Primærknapp – brukes for hovedhandlingen(e) på en side.
• Sekundærknapp – brukes for handlinger som ikke er like viktige for oss eller brukeren.
• Tertiærknapp - brukes for handlinger som er mindre viktige eller kan føre til uønskede konsekvenser.

En side kan ha en eller flere primærknapper, hvis alle handlingene er like viktige. Der vi gir brukerne flere valg samtidig, skal vi ikke ha mer enn en primærknapp. Da skal den viktigste handlingen ha en primærknapp, mens resten skla være sekundære eller tertiære (hvis det finnes et tredje viktigshetsnivå).

Tekst på knapper

De fleste anekrjente GUI-retningslinjer anbefaler at du holder knappenavn så korte som mulig, helst ett, maks to ord. I et skjema med flere deler for eksempel, kan vi bruke Teksten Fortsett eller eventuelt Gå videre for å få brukeren til å forflytte seg fra en skjemadel til en annen.

Eksempler

Knapper brukes til handlinger som

• Lagre
• Slett (typisk en tertiærknapp)
• Fortsett/Gå videre i et skjema
• Gå til en side