@fremtind/jkl-button
Advanced tools
Comparing version 0.7.0 to 0.7.1-alpha.55
{ | ||
"name": "@fremtind/jkl-button", | ||
"version": "0.7.0", | ||
"version": "0.7.1-alpha.55+b3452c4a", | ||
"publishConfig": { | ||
@@ -23,2 +23,3 @@ "access": "public" | ||
"scripts": { | ||
"clean": "rimraf build/ dist/ .cache node_modules/", | ||
"build": "gulp build", | ||
@@ -30,6 +31,6 @@ "build:watch": "gulp build:watch", | ||
"dependencies": { | ||
"@fremtind/jkl-core": "^0.8.0" | ||
"@fremtind/jkl-core": "^0.8.1-alpha.55+b3452c4a" | ||
}, | ||
"devDependencies": { | ||
"@fremtind/browserslist-config-jkl": "^0.3.3" | ||
"@fremtind/browserslist-config-jkl": "^0.3.4-alpha.79+b3452c4a" | ||
}, | ||
@@ -46,3 +47,3 @@ "repository": { | ||
], | ||
"gitHead": "adb4778c0af82b61c39a560601d4a98fbe27fe3b" | ||
"gitHead": "b3452c4ac9b73bdd89f0b44338a3091eac33ca2a" | ||
} |
# [`@fremtind/jkl-button`](https://fremtind.github.io/jokul/components/button/) | ||
Knapper starter en handling. De oppfordrer brukeren til å gjøre noe. Teksten på knappen forteller hva som vil skje når brukeren velger den. | ||
## 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 | ||
## 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. | ||
- **Primærknapp** – brukes når du vil oppfordre | ||
til en hovedhandling på en side. | ||
- **Sekundærknapp** – for handlinger som kommer i andre rekke på en side. | ||
- **Tertiærknapp** - brukes for handlinger som har begrenset viktighet 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. | ||
For Fremtind designer vi knappene med animasjon etter prinsippet om [elevasjon](#). Det vil si at når brukerne beveger pekeren over eller velger en knapp, vil den bli midlertidig forstørret. | ||
#### Eksempler | ||
## Eksempler | ||
Knapper brukes til handlinger som | ||
- Lagre | ||
- Slett | ||
- Meld skade | ||
- Fortsett (i et skjema) | ||
Hver side kan ha én eller to primærknapper. Hvis du ønsker at brukeren skal gjøre noe mer, bruk en sekundærknapp. | ||
## Generelle råd | ||
Ikke bruk knapper til å navigere. Hvis du vil at brukeren skal gå til en ny side, bruker du en lenke. Unntak: I skjemaer er det naturlig å hjelpe brukeren videre med en Fortsett-knapp. | ||
- Slett (typisk en tertiærknapp) | ||
- Fortsett/Gå videre i et skjema | ||
- Gå til en side |
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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
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
14285
23
1
+ Added@fremtind/jkl-core@0.8.1-alpha.55(transitive)
- Removed@fremtind/jkl-core@0.8.0(transitive)