Components/Forms/Input

Inputs are used to collect data from the user and should always be paired with a label. When a field is required, the label should include an asterisk (*). A text input field allows users to enter and edit text or numeric values in one line. To help users enter a valid value, it provides additional features like “auto-complete”, “suggestions”, and “value help”.

Use the input field if: - The user needs to enter a short, single-line text or numbers, dates or times. - The user needs to select one or more items from a list of items, such a a multi-input. - The user needs to find one or more items out of a list of items by searching for more than one attribute, such as a combobox. Do not use the input field if: - The user needs to enter long texts. In this case, use the textarea. - The user needs to carry out a search. In this case, use the search field. Use the input field if: - The user needs to enter a short, single-line text or numbers, dates or times. - The user needs to select one or more items from a list of items, such a a multi-input. - The user needs to find one or more items out of a list of items by searching for more than one attribute, such as a combobox. Do not use the input field if: - The user needs to enter long texts. In this case, use the textarea. - The user needs to carry out a search. In this case, use the search field.

The standard input component can be displayed by using `fd-input` class