List Field
A list field allows users to select one or multiple options from a predefined list.
List Field
Coming soon
New
4
components
,
31
variants
,
styles
List Field
Base Components
Overview
A list field is a form element that allows users to select one or multiple options from a predefined list, appearing as a dropdown menu, multi-select box, or list of checkboxes.
When should you use them?
Use list fields when users need to select from a predefined set of options, such as selecting a country, choosing multiple interests, or picking a category.
How should you use them?
- Clearly label the list field and its options.
- Provide a default option or placeholder text.
- Ensure the list is scrollable if it contains many options.
- Allow for multiple selections if necessary and provide clear affordances.
- Make sure the list field is accessible, with proper ARIA roles and keyboard navigation.
No previous post
No next post