#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="Name" />)

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.