Form
- AutocompleteThe definition will be added soon.
- CheckboxCheckboxes are used to select one or multiple options in a list. They usually find their place in forms and are also used to accept some mentions
- DatepickerDate picker allows the user to directly enter a specific date or choose a date from a calendar layout in a form element.
- DropdownThe definition will be added soon.
- FieldsFields enable the user to input content in a form. It displays a label, useful informations, an input and gives validation feedback
- File uploaderA file uploader is a pattern mainly used in forms. It allows the user to upload one or several files like pictures or documents.
- Password inputPassword input is a necessary security feature for logging in or registering on a website.
- Phone number inputPhone number input enables the user to input its phone number with an international country prefix in a form element.
- Quantity selectorThe quantity selector is a form element used to enter or select a number. This type of input is best used when the user needs to choose the quantity of a selected item, like a product before adding to cart for example
- RadioA radio button is used to offer a unique choice to your user in a form. Unlike checkboxes, it can not be used alone.
- SelectA select is a selection tool used in forms, allowing user to choose between multiple predefined options.
- Text areaA text area is used to fill multi-line text. They share appearence and states with text inputs
- Text inputInputs are used to create input fields with text on a single line. Their states depends on the user interaction or the context
- ToggleA toggle is used to choose between two possibilities and when the user needs instant feedback. It is common to use toggles when you need to show or hide content and "on/off" switch