@fremtind/jkl-button
Advanced tools
Comparing version 1.1.6 to 1.1.7
@@ -6,2 +6,10 @@ # Change Log | ||
## 1.1.7 (2020-01-07) | ||
**Note:** Version bump only for package @fremtind/jkl-button | ||
## 1.1.6 (2019-12-20) | ||
@@ -8,0 +16,0 @@ |
{ | ||
"name": "@fremtind/jkl-button", | ||
"version": "1.1.6", | ||
"version": "1.1.7", | ||
"publishConfig": { | ||
@@ -30,6 +30,6 @@ "access": "public" | ||
"dependencies": { | ||
"@fremtind/jkl-core": "^1.1.6" | ||
"@fremtind/jkl-core": "^1.1.7" | ||
}, | ||
"devDependencies": { | ||
"@fremtind/browserslist-config-jkl": "^0.4.6" | ||
"@fremtind/browserslist-config-jkl": "^0.4.7" | ||
}, | ||
@@ -46,3 +46,3 @@ "repository": { | ||
], | ||
"gitHead": "e161df7072d73fd2c3e28a935ffaeaca6d9ea6d8" | ||
"gitHead": "f3d59e91b918c1c3d586396a66868b843b79996e" | ||
} |
# [`@fremtind/jkl-button`](https://fremtind.github.io/jokul/components/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 | ||
# Knapper | ||
Knapper starter en handling. Teksten på knappen forteller hva som vil skje når brukeren klikker på den. | ||
- **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. | ||
## Knappetyper | ||
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. | ||
**Primærknapp:** brukes til den viktigste handlingen på en side - hovedhandlingen. En side kan noen ganger ha mer enn en hovedhandling, men ikke mange. | ||
#### Eksempler | ||
**Sekundærknapp:** brukes til handlinger som ikke er like viktige for oss eller brukeren. | ||
Knapper brukes til handlinger som | ||
**Tertiærknapp:** brukes til handlinger som er mindre viktige, eller som kan gi uønskede konsekvenser. | ||
- Lagre | ||
- Slett (typisk en tertiærknapp) | ||
- Fortsett/Gå videre i et skjema | ||
- Gå til en side | ||
Disse tre knappetypene har et hierarki. Når brukeren har flere valg samtidig, skal vi kun ha én primærknapp. | ||
## Tekst på knapper | ||
Knappetekster skal være så enkle og korte som mulig og skal oppfordre til handling. Bruk helst bare to ord. |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
19655
19
Updated@fremtind/jkl-core@^1.1.7