Skip to content

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.

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.

Boolean

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

Composition

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

Indeterminate

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

Number

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

Option

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

Selection

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

String

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

Toggle

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