@fremtind/jkl-text-input
Advanced tools
Comparing version 0.6.1 to 0.7.1
@@ -6,2 +6,29 @@ # Change Log | ||
## [0.7.1](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input@0.7.0...@fremtind/jkl-text-input@0.7.1) (2019-07-31) | ||
**Note:** Version bump only for package @fremtind/jkl-text-input | ||
# [0.7.0](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input@0.6.1...@fremtind/jkl-text-input@0.7.0) (2019-07-30) | ||
### Bug Fixes | ||
* **css:** fixed import ([014a7df](https://github.com/fremtind/jokul/commit/014a7df)) | ||
* **datepicker:** update according to changes in text-input ([1284e98](https://github.com/fremtind/jokul/commit/1284e98)) | ||
* **text-input:** show underline in mobile Safari ([26f909d](https://github.com/fremtind/jokul/commit/26f909d)) | ||
### Features | ||
* **portal:** add components, refactor portal ([7e7d038](https://github.com/fremtind/jokul/commit/7e7d038)) | ||
* **text-input:** update style according to sketches ([d60c022](https://github.com/fremtind/jokul/commit/d60c022)) | ||
## [0.6.1](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input@0.6.0...@fremtind/jkl-text-input@0.6.1) (2019-07-18) | ||
@@ -8,0 +35,0 @@ |
{ | ||
"name": "@fremtind/jkl-text-input", | ||
"version": "0.6.1", | ||
"version": "0.7.1", | ||
"publishConfig": { | ||
@@ -30,6 +30,6 @@ "access": "public" | ||
"dependencies": { | ||
"@fremtind/jkl-core": "^0.6.1" | ||
"@fremtind/jkl-core": "^0.7.1" | ||
}, | ||
"devDependencies": { | ||
"@fremtind/browserslist-config-jkl": "^0.3.2" | ||
"@fremtind/browserslist-config-jkl": "^0.3.3" | ||
}, | ||
@@ -46,3 +46,3 @@ "repository": { | ||
], | ||
"gitHead": "99afe76bb07eb2fae4da9d9ebae06c0f35ee325a" | ||
"gitHead": "e53a88deb163f984142db08043dad690d010276b" | ||
} |
@@ -1,15 +0,14 @@ | ||
# `text-field` | ||
# [`@fremtind/jkl-text-field`](https://fremtind.github.io/jokul/components/textfield/) | ||
Input as text field is one of the core form elements. | ||
## Om tekstfelt | ||
## Usage | ||
Tekstfelt gir brukerne anledning til å samhandle med en løsning, ved å legge inn data. | ||
Tekstfelt kan være korte, der brukerne kan oppgi en setning, eller lange, der brukeren får et helt område til å skrive. | ||
Must have " " as placeholder for animation to work as intended. Also remember aria and htmlFor. | ||
### Validering og tegnbegrensning | ||
``` | ||
<label className="jkl-text-field" htmlFor="demo-field"> | ||
<input aria-invalid={valid} className="jkl-text-field__input" type="text" id="demo-field" placeholder=" " /> | ||
<span className="jkl-text-field__label">{label}</span> | ||
<span className="jkl-text-field__border"></span> | ||
</label> | ||
``` | ||
Tekstfelt kan utsette en løsning for unødvendige feil eller behov for at fagpersoner sjekker dem. Det kan derfor være lurt å ha validering på feltet og oppgi hvor mange tegn brukerne kan legge inn. | ||
### Tekst | ||
Sørg alltid for å ha gode ledetekster og plassholdertekster. En hjelpetekst under ledeteksten kan også være nyttig. |
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
11746
79
15
+ Added@fremtind/jkl-core@0.7.1(transitive)
- Removed@fremtind/jkl-core@0.6.1(transitive)
Updated@fremtind/jkl-core@^0.7.1