ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #1310 from ffoodd/patch-1

Browse source 
chore(typo): input overview
This commit is contained in:
Thijs Louisse 2021-04-06 15:08:25 +02:00 committed by GitHub
commit 15f1d19445
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
docs/components/inputs/input/overview.md
View file

@ -13,7 +13,7 @@ export const main = () => html`<lion-input label="First Name"></lion-input>`;
## Features
- Extra visual elements can be added via `slots`
- Extra visual elements can be added via `slots`:
- **label**: can also be provided via the `label` attribute, but the slot can be used to change the `html` and `CSS` of the label.
For example add an `u-sr-only` class to the label to make it visually hidden.
A label is always needed for accessibility reasons.
@ -23,7 +23,7 @@ export const main = () => html`<lion-input label="First Name"></lion-input>`;
- **before**: does not have an active use case yet, but the option is in place.
- **after**: can be used to show a currency or percentage.
- Delegates attributes like `type`, `disabled`, `placeholder` and `read-only` to the native input.
- Can make us of [validation](../../docs/../../docs/systems/form/validate.md)
- Can make use of [validation](../../docs/../../docs/systems/form/validate.md).
## Installation