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
|
||||
|
||||
- [Formatting and parsing](?path=/docs/forms-field-formatting-and-parsing--page)
|
||||
- [Custom Fields](?path=/docs/forms-field-custom-fields-tutorial--page)
|
||||
- [Formatting and parsing](?path=/docs/forms-system-formatting-and-parsing--parser#formatting-and-parsing)
|
||||
- [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:
|
||||
|
||||
- [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)
|
||||
- provision of labels and help texts in an easy, declarative manner
|
||||
- accessibility out of the box
|
||||
|
|
@ -94,4 +94,4 @@ Fieldsets are at the base of:
|
|||
- [Model Value](?path=/docs/forms-system-modelvalue--page)
|
||||
- [Formatting and parsing](?path=/docs/forms-system-formatting-and-parsing--parser)
|
||||
- [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 provide additional format options overrides
|
||||
- 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)
|
||||
- MinNumber
|
||||
- MaxNumber
|
||||
|
|
|
|||
|
|
@ -23,11 +23,11 @@ export const main = () => html` <lion-input-date label="Date"></lion-input-date>
|
|||
|
||||
## Features
|
||||
|
||||
- Based on [lion-input](?path=/docs/forms-input--default-story)
|
||||
- Makes use of [formatDate](?path=/docs/localize-dates--formatting)) for formatting and parsing.
|
||||
- Based on [lion-input](?path=/docs/forms-input--main#input)
|
||||
- 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
|
||||
- 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)
|
||||
- MinDate
|
||||
- MaxDate
|
||||
|
|
|
|||
|
|
@ -29,11 +29,11 @@ export const main = () => {
|
|||
## Features
|
||||
|
||||
- Input field with a datepicker to help to choose a date
|
||||
- Based on [lion-input-date](?path=/docs/form-component-input-date)
|
||||
- Makes use of [lion-calendar](?path=/docs/calendar-standalone) inside the datepicker
|
||||
- Makes use of [formatDate](?path=/docs/localize-dates--formatting)) for formatting and parsing.
|
||||
- Based on [lion-input-date](?path=/docs/forms-input-date--main#input)
|
||||
- Makes use of [lion-calendar](?path=/docs/others-calendar--main#calendar) inside the datepicker
|
||||
- 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
|
||||
- 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)
|
||||
- MinDate
|
||||
- MaxDate
|
||||
|
|
|
|||
|
|
@ -23,8 +23,8 @@ export const main = () => {
|
|||
|
||||
## Features
|
||||
|
||||
- Based on [lion-input](?path=/docs/forms-input--default-story)
|
||||
- Makes use of email [validators](?path=/docs/forms-validation-overview--page) with corresponding error messages in different languages
|
||||
- Based on [lion-input](?path=/docs/forms-input--main#input)
|
||||
- Makes use of email [validators](?path=/docs/forms-validation-overview--main#validate) with corresponding error messages in different languages
|
||||
- IsEmail (default)
|
||||
|
||||
## How to use
|
||||
|
|
|
|||
|
|
@ -27,9 +27,9 @@ export const main = () => {
|
|||
|
||||
## 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
|
||||
- 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)
|
||||
- IsCountryIBAN
|
||||
- Parses IBANs automatically
|
||||
|
|
|
|||
|
|
@ -21,11 +21,11 @@ export const main = () => html`
|
|||
|
||||
## 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 `min` and `max` value after the range input.
|
||||
- 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
|
||||
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
- **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](?path=/docs/forms-validation-overview--page)
|
||||
- Can make us of [validation](?path=/docs/forms-validation-overview--main#validate)
|
||||
|
||||
## 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.
|
||||
- If you have many options for a user to pick from, consider using [lion-select](?path=/docs/forms-select--default-story) instead
|
||||
- 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--main#select) instead
|
||||
|
||||
## 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:
|
||||
- modelValue (default) - `checkedValue()`
|
||||
|
|
|
|||
Loading…
Reference in a new issue