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

chore(typo): input overview

Browse source
This commit is contained in:
Gaël Poupard 2021-04-02 11:13:01 +02:00 committed by GitHub
parent 2ac36c7f2f
commit 8520ab4201
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 ## 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. - **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. For example add an `u-sr-only` class to the label to make it visually hidden.
A label is always needed for accessibility reasons. 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. - **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. - **after**: can be used to show a currency or percentage.
- Delegates attributes like `type`, `disabled`, `placeholder` and `read-only` to the native input. - 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 ## Installation