89b835a799
Co-authored-by: Joren Broekema <Joren.Broekema@ing.com> Co-authored-by: Alex Ghiu <Alex.Ghiu@ing.com> Co-authored-by: Thijs Louisse <Thijs.Louisse@ing.com>
32 lines
2.1 KiB
Text
32 lines
2.1 KiB
Text
<Meta title="Forms/Intro" />
|
|
|
|
# Form System
|
|
|
|
The Form System allows you to create complex forms with various validations in an easy way.
|
|
|
|
## Features
|
|
|
|
- Built in [validate](?path=/docs/forms-system-validate-system) for error/warning/info/success
|
|
- Formatting of values
|
|
- Accessible
|
|
|
|
For a more in depth description look into the [Form System Overview](?path=/docs/forms-system-overview--page).
|
|
|
|
## Packages
|
|
|
|
| Package | Description |
|
|
| ---------------------------------------------------- | ---------------------------------- |
|
|
| [checkbox](?path=/docs/forms-checkbox--default-story) | Checkbox form element |
|
|
| [checkbox-group](?path=/docs/forms-checkbox-group--default-story) | Group of checkboxes |
|
|
| [field](?path=/docs/forms-field--default-story) | Base class for all inputs |
|
|
| [form](?path=/docs/forms-form--default-story) | Wrapper for multiple form elements |
|
|
| [input](?path=/docs/forms-input--default-story) | Input element for strings |
|
|
| [input-amount](?path=/docs/forms-input-amount--default-story) | Input element for amounts |
|
|
| [input-date](?path=/docs/forms-input-date--default-story) | Input element for dates |
|
|
| [input-email](?path=/docs/forms-input-email--default-story) | Input element for e-mails |
|
|
| [input-iban](?path=/docs/forms-input-iban--default-story) | Input element for IBANs |
|
|
| [radio](?path=/docs/forms-radio--default-story) | Radio form element |
|
|
| [radio-group](?path=/docs/forms-radio-group--default-story) | Group of radios |
|
|
| [select](?path=/docs/forms-select--default-story) | Simple native dropdown element |
|
|
| [textarea](?path=/docs/forms-textarea--default-story) | Multiline text input |
|
|
| [validate](?path=/docs/forms-system-validate-system--default-story) | Validation for our form components |
|