Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@fremtind/jkl-button

Package Overview
Dependencies
Maintainers
2
Versions
200
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fremtind/jkl-button - npm Package Compare versions

Comparing version 0.7.0 to 0.7.1-alpha.55

9

package.json
{
"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
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc