chore: fix more links for storybook

This commit is contained in:
Joren Broekema 2020-06-04 19:05:25 +02:00
parent eb02b27010
commit e1af39320f
10 changed files with 22 additions and 22 deletions

View file

@ -57,5 +57,5 @@ Fieldsets are the basis for:
## Other Resources ## Other Resources
- [Formatting and parsing](?path=/docs/forms-field-formatting-and-parsing--page) - [Formatting and parsing](?path=/docs/forms-system-formatting-and-parsing--parser#formatting-and-parsing)
- [Custom Fields](?path=/docs/forms-field-custom-fields-tutorial--page) - [Custom Fields](?path=/docs/forms-system-creating-a-custom-field--page)

View file

@ -34,7 +34,7 @@ Fields provide a normalized api for both platform components and custom made for
On top of this, they offer: On top of this, they offer:
- [formatting/parsing/serializing](?path=/docs/forms-system-formatting-and-parsing--parser) of view values - [formatting/parsing/serializing](?path=/docs/forms-system-formatting-and-parsing--parser) of view values
- advanced [validation](?path=/docs/forms-validation-overview--page) possibilities - advanced [validation](?path=/docs/forms-validation-overview--main#validate) possibilities
- creation of advanced user interaction scenarios via [interaction states](?path=/docs/forms-system-interaction-states--interaction-states) - creation of advanced user interaction scenarios via [interaction states](?path=/docs/forms-system-interaction-states--interaction-states)
- provision of labels and help texts in an easy, declarative manner - provision of labels and help texts in an easy, declarative manner
- accessibility out of the box - accessibility out of the box
@ -94,4 +94,4 @@ Fieldsets are at the base of:
- [Model Value](?path=/docs/forms-system-modelvalue--page) - [Model Value](?path=/docs/forms-system-modelvalue--page)
- [Formatting and parsing](?path=/docs/forms-system-formatting-and-parsing--parser) - [Formatting and parsing](?path=/docs/forms-system-formatting-and-parsing--parser)
- [Interaction states](?path=/docs/forms-system-interaction-states--interaction-states) - [Interaction states](?path=/docs/forms-system-interaction-states--interaction-states)
- [Validation System](?path=/docs/forms-validation-overview--page) - [Validation System](?path=/docs/forms-validation-overview--main#validate)

View file

@ -36,7 +36,7 @@ export const main = () => {
- Option to override locale to change the formatting and parsing - Option to override locale to change the formatting and parsing
- Option to provide additional format options overrides - Option to provide additional format options overrides
- Default label in different languages - Default label in different languages
- Can make use of number specific [validators](?path=/docs/forms-validation-overview--page) with corresponding error messages in different languages - Can make use of number specific [validators](?path=/docs/forms-validation-overview--main#validate) with corresponding error messages in different languages
- IsNumber (default) - IsNumber (default)
- MinNumber - MinNumber
- MaxNumber - MaxNumber

View file

@ -23,11 +23,11 @@ export const main = () => html` <lion-input-date label="Date"></lion-input-date>
## Features ## Features
- Based on [lion-input](?path=/docs/forms-input--default-story) - Based on [lion-input](?path=/docs/forms-input--main#input)
- Makes use of [formatDate](?path=/docs/localize-dates--formatting)) for formatting and parsing. - Makes use of [formatDate](?path=/docs/localize-dates--formatting#date-localization) for formatting and parsing.
- Option to override locale to change the formatting and parsing - Option to override locale to change the formatting and parsing
- Default label in different languages - Default label in different languages
- Can make use of date specific [validators](?path=/docs/forms-validation-overview--page) with corresponding error messages in different languages - Can make use of date specific [validators](?path=/docs/forms-validation-overview--main#validate) with corresponding error messages in different languages
- IsDate (default) - IsDate (default)
- MinDate - MinDate
- MaxDate - MaxDate

View file

@ -29,11 +29,11 @@ export const main = () => {
## Features ## Features
- Input field with a datepicker to help to choose a date - Input field with a datepicker to help to choose a date
- Based on [lion-input-date](?path=/docs/form-component-input-date) - Based on [lion-input-date](?path=/docs/forms-input-date--main#input)
- Makes use of [lion-calendar](?path=/docs/calendar-standalone) inside the datepicker - Makes use of [lion-calendar](?path=/docs/others-calendar--main#calendar) inside the datepicker
- Makes use of [formatDate](?path=/docs/localize-dates--formatting)) for formatting and parsing. - Makes use of [formatDate](?path=/docs/localize-dates--formatting#date-localization) for formatting and parsing.
- Option to overwrite locale to change the formatting and parsing - Option to overwrite locale to change the formatting and parsing
- Can make use of date specific [validators](?path=/docs/forms-validation-overview--page) with corresponding error messages in different languages - Can make use of date specific [validators](?path=/docs/forms-validation-overview--main#validate) with corresponding error messages in different languages
- IsDate (default) - IsDate (default)
- MinDate - MinDate
- MaxDate - MaxDate

View file

@ -23,8 +23,8 @@ export const main = () => {
## Features ## Features
- Based on [lion-input](?path=/docs/forms-input--default-story) - Based on [lion-input](?path=/docs/forms-input--main#input)
- Makes use of email [validators](?path=/docs/forms-validation-overview--page) with corresponding error messages in different languages - Makes use of email [validators](?path=/docs/forms-validation-overview--main#validate) with corresponding error messages in different languages
- IsEmail (default) - IsEmail (default)
## How to use ## How to use

View file

@ -27,9 +27,9 @@ export const main = () => {
## Features ## Features
- Based on [lion-input](?path=/docs/forms-input--default-story) - Based on [lion-input](?path=/docs/forms-input--main#input)
- Default label in different languages - Default label in different languages
- Makes use of IBAN specific [validate](?path=/docs/forms-validation-overview--page) with corresponding error messages in different languages - Makes use of IBAN specific [validate](?path=/docs/forms-validation-overview--main#validate) with corresponding error messages in different languages
- IsIBAN (default) - IsIBAN (default)
- IsCountryIBAN - IsCountryIBAN
- Parses IBANs automatically - Parses IBANs automatically

View file

@ -21,11 +21,11 @@ export const main = () => html`
## Features ## Features
- Based on [lion-input](?path=/docs/forms-input--default-story). - Based on [lion-input](?path=/docs/forms-input--main#input).
- Shows `modelValue` and `unit` above the range input. - Shows `modelValue` and `unit` above the range input.
- Shows `min` and `max` value after the range input. - Shows `min` and `max` value after the range input.
- Can hide the `min` and `max` value via `no-min-max-labels`. - Can hide the `min` and `max` value via `no-min-max-labels`.
- Makes use of [formatNumber](?path=/docs/localize-numbers) for formatting and parsing. - Makes use of [formatNumber](?path=/docs/localize-numbers--formatting#formatting) for formatting and parsing.
## How to use ## How to use

View file

@ -33,7 +33,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](?path=/docs/forms-validation-overview--page) - Can make us of [validation](?path=/docs/forms-validation-overview--main#validate)
## How to use ## How to use

View file

@ -29,12 +29,12 @@ export const main = () => html`
`; `;
``` ```
- Make sure that to use a name attribute as it is necessary for the [lion-form](?path=/docs/forms-form-overview--page)'s serialization result. - Make sure that to use a name attribute as it is necessary for the [lion-form](?path=/docs/forms-form-overview--main#form)'s serialization result.
- If you have many options for a user to pick from, consider using [lion-select](?path=/docs/forms-select--default-story) instead - If you have many options for a user to pick from, consider using [lion-select](?path=/docs/forms-select--main#select) instead
## Features ## Features
Since it extends from [lion-fieldset](?path=/docs/forms-fieldset-overview--page), it has all the features a fieldset has. Since it extends from [lion-fieldset](?path=/docs/forms-fieldset-overview--main#fieldset), it has all the features a fieldset has.
- Get or set the checked value of the group: - Get or set the checked value of the group:
- modelValue (default) - `checkedValue()` - modelValue (default) - `checkedValue()`