Form

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.

FieldsFields enable the user to input content in a form. It displays a label, useful informations, an input and gives validation feedback

Phone number inputPhone number input enables the user to input its phone number with an international country prefix in a form element.

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.

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