Base fields#

Base fields are data driven fields you choose depending on the type of input. You can use these directly in your application forms.

import { Field } from '@dnb/eufemia/extensions/forms'
render(<Field.String label="Text field" />)

Here is also a list of all available fields.

Field.ArraySelection#

Field.ArraySelection is a component for selecting between a fixed set of options using checkboxes or similar, that will produce a value in the form of an array containing the values of selected options.

Field.Boolean#

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

Field.Composition#

Field.Composition is a component for when you create a field block that contains of several existing fields.

Field.Indeterminate#

Field.Indeterminate component is used to display and handle the indeterminate state of a checkbox.

Field.MultiSelection#

Field.MultiSelection is a component for selecting between a fixed set of options using checkboxes or similar, that will produce a value in the form of an array containing the values of selected options. This field accepts structured data with objects containing value and title properties.

Field.Number#

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

Field.Option#

Field.Option is a pseudo-component for defining an option to be used in a dropdown or similar user experiences.

Field.Selection#

Field.Selection is a wrapper component for selecting between options using a dropdown or similar user experiences.

Field.Slider#

Field.Slider is a wrapper component for the Slider to make it easier to use inside a form.

Field.String#

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

Field.Toggle#

Field.Toggle is a base component for allowing the user to toggle between two different values in the target data point.

Field.Upload#

Field.Upload is a wrapper for the Upload component to make it easier to use inside a form.