Socket
Socket
Sign inDemoInstall

@fremtind/jkl-button

Package Overview
Dependencies
Maintainers
3
Versions
191
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 8.0.9 to 8.0.10

6

package.json
{
"name": "@fremtind/jkl-button",
"version": "8.0.9",
"version": "8.0.10",
"publishConfig": {

@@ -31,3 +31,3 @@ "access": "public"

"dependencies": {
"@fremtind/jkl-core": "^10.0.9"
"@fremtind/jkl-core": "^10.0.10"
},

@@ -41,3 +41,3 @@ "repository": {

},
"gitHead": "7163247e77a04f56904828abc881a8164374f9d3"
"gitHead": "b722b28f3048b7c6d073654948836e03fa3cf606"
}

@@ -1,19 +0,24 @@

#  [`@fremtind/jkl-button`](https://jokul.fremtind.no/komponenter/buttons)
# [`@fremtind/jkl-button`](https://jokul.fremtind.no/komponenter/buttons)
# Knapper
Se portalen for [bruk og prinsipper](https://jokul.fremtind.no/komponenter/buttons).
Knapper starter en handling. Teksten på knappen forteller hva som vil skje når brukeren klikker på den.
## Installasjon
## Knappetyper
**Tips:** om du bruker [React-pakken](../button-react/) trenger du ikke installere denne pakken direkte.
**Primærknapp:** brukes til den viktigste handlingen på en side - hovedhandlingen. En side kan noen ganger ha mer enn en hovedhandling, men ikke mange.
1. `yarn add @fremtind/jkl-button` eller `npm i @fremtind/jkl-button`.
2. Importér stil-pakken i prosjektet ditt.
**Sekundærknapp:** brukes til handlinger som ikke er like viktige for oss eller brukeren.
```js
// Importer stilark via JavaScript med CSS-loader.
import "@fremtind/jkl-button/button.min.css";
**Tertiærknapp:** brukes til handlinger som er mindre viktige, eller som kan gi uønskede konsekvenser.
// Button bruker loader internt for å vise lasteindikator i knappen.
import "@fremtind/jkl-loader/loader.min.css";
```
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.
```scss
// Eller importer stilark via SCSS.
@use "@fremtind/jkl-button/button";
@use "@fremtind/jkl-loader/loader";
```

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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