#DataInput

#Basic input components

Data input consists of basic components that are designed to receive user input that will end up in the form of primitive data types, such as string, number and boolean:

#String

DataInput.String is the base component for receiving user input where the target data is of type `string`.

#Number

DataInput.Number is the base component for receiving user input where the target data is of type number.

#Boolean

DataInput.Boolean is the base component for receiving user input where the target data is of type `boolean`.

#Select

DataInput.Select is a wrapper component for selecting between options using a dropdown or similar user experiences.

#Option

#Feature-specific input components

In addition to the basic input components, the package offers a number of input components that are more closely tailored to the business logic we need in our applications.

Although these mostly reuse the basic components internally, they prevent you from having to provide a number of boilerplate props such as syntax rules, field labels and validation error messages. All props can still be overridden individually if necessary.

The following input components exist:

#Currency

DataInput.Currency is a wrapper component for the input of numbers, with user experience tailored for currency values.

#Date

DataInput.Date is a wrapper component for the input of strings, with user experience tailored for date values.

#Email

DataInput.Email is a wrapper component for the input of strings, with user experience tailored for email values.

#FirstName

DataInput.FirstName is a wrapper component for the input of strings, with user experience tailored for first name values.

#LastName

DataInput.LastName is a wrapper component for the input of strings, with user experience tailored for last name values.

#NationalIdentityNumber

DataInput.NationalIdentityNumber is a wrapper component for the input of strings, with user experience tailored for national identity number values.

#PhoneNumber

DataInput.PhoneNumber is a wrapper component for the input of strings, with user experience tailored for phone number values.