Fieldset: Overview
A web component that can be used to group multiple input fields or other fieldsets together.
We have three specific fieldset implementations:
A native fieldset element should always have a legend-element for a11y purposes.
However, our fieldset element is not native and should not have a legend-element.
Our fieldset instead has a label attribute or you can add a label with a div- or heading-element using slot="label".
Features
- Easy retrieval of form data based on field names
- Advanced user interaction scenarios via interaction states
- Can have validate on fieldset level and shows the validation feedback below the fieldset
- Can disable input fields on fieldset level
- Accessible out of the box
Installation
npm i --save @lion/fieldset
import { LionFieldset } from '@lion/fieldset';
// or
import '@lion/fieldset/define';