Feature fields#

Feature fields are fields with data-specific functionality built on top of base field components.

import { Field } from '@dnb/eufemia/extensions/forms'
render(<Field.Email />)

Here is also a list of all available fields.

Field.Address #

Field.Address is a wrapper component for the input of strings, with user experience tailored for postal and street addresses.

Field.BankAccountNumber is a wrapper component for the input of strings, with user experience tailored for bank account number values.

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

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

Field.DateOfBirth is a wrapper component for the input of strings, with user experience tailored for date of birth values.

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

Field.Expiry is a wrapper component for the input of strings, with user experience tailored for expiry dates for payment cards.

Field.Name is a wrapper component for the input of strings, with user experience tailored for first name, last name and company names.

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

Field.OrganizationNumber is a wrapper component for the input of strings, with user experience tailored for organization number values.

Field.Password is a wrapper component for the input of strings, with user experience tailored for passwords.

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

Field.PostalCodeAndCity is a wrapper component for input of two separate values with user experience tailored for postal code and city values.

Field.Provider is a provider for forwarding fields properties, such as required or disabled to all nested field components.

Field.SelectCountry is a wrapper component for the selection component, with options built in for selecting a country.

Field.SelectCurrency is a wrapper component for the selection component, with options built in for selecting a currency.

Field.Time is a wrapper component for the input of strings, with user experience tailored for time values (hours and minutes, optionally seconds).