chore: fix more links for storybook
This commit is contained in:
parent
eb02b27010
commit
e1af39320f
10 changed files with 22 additions and 22 deletions
|
|
@ -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)
|
||||||
|
|
|
||||||
|
|
@ -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)
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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()`
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue