@fremtind/jkl-button
Advanced tools
Comparing version 8.0.9 to 8.0.10
{ | ||
"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
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
25
28678
Updated@fremtind/jkl-core@^10.0.10