UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

82 lines (45 loc) 3.77 kB
--- title: 'Feature fields' version: 11.3.0 generatedAt: 2026-05-19T08:46:52.987Z checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40 --- # Feature fields Feature fields are fields with data-specific functionality built on top of base [field components](/uilib/extensions/forms/base-fields/). ```jsx import { Field } from '@dnb/eufemia/extensions/forms' render(<Field.Email />) ``` Here is also a list of [all available fields](/uilib/extensions/forms/all-fields/). ## [Field.Address](/uilib/extensions/forms/feature-fields/Address/) `Field.Address` is a wrapper component for the input of strings, with user experience tailored for postal and street addresses. ## [Field.BankAccountNumber](/uilib/extensions/forms/feature-fields/BankAccountNumber/) `Field.BankAccountNumber` is a wrapper component for the input of strings, with user experience tailored for bank account number values. ## [Field.Currency](/uilib/extensions/forms/feature-fields/Currency/) `Field.Currency` is a wrapper component for the input of numbers, with user experience tailored for currency values. ## [Field.Date](/uilib/extensions/forms/feature-fields/Date/) `Field.Date` is a wrapper component for the input of strings, with user experience tailored for date values. ## [Field.DateOfBirth](/uilib/extensions/forms/feature-fields/DateOfBirth/) `Field.DateOfBirth` is a wrapper component for the input of strings, with user experience tailored for date of birth values. ## [Field.Email](/uilib/extensions/forms/feature-fields/Email/) `Field.Email` is a wrapper component for the input of strings, with user experience tailored for email values. ## [Field.Expiry](/uilib/extensions/forms/feature-fields/Expiry/) `Field.Expiry` is a wrapper component for the input of strings, with user experience tailored for expiry dates for payment cards. ## [Field.Name](/uilib/extensions/forms/feature-fields/Name/) `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](/uilib/extensions/forms/feature-fields/NationalIdentityNumber/) `Field.NationalIdentityNumber` is a wrapper component for the input of strings, with user experience tailored for national identity number values. ## [Field.OrganizationNumber](/uilib/extensions/forms/feature-fields/OrganizationNumber/) `Field.OrganizationNumber` is a wrapper component for the input of strings, with user experience tailored for organization number values. ## [Field.Password](/uilib/extensions/forms/feature-fields/Password/) `Field.Password` is a wrapper component for the input of strings, with user experience tailored for passwords. ## [Field.PhoneNumber](/uilib/extensions/forms/feature-fields/PhoneNumber/) `Field.PhoneNumber` is a wrapper component for the input of strings, with user experience tailored for phone number values. ## [Field.PostalCodeAndCity](/uilib/extensions/forms/feature-fields/PostalCodeAndCity/) `Field.PostalCodeAndCity` is a wrapper component for input of two separate values with user experience tailored for postal code and city values. ## [Field.Provider](/uilib/extensions/forms/feature-fields/Provider/) `Field.Provider` is a provider for forwarding fields properties, such as `required` or `disabled` to all nested field components. ## [Field.SelectCountry](/uilib/extensions/forms/feature-fields/SelectCountry/) `Field.SelectCountry` is a wrapper component for the selection component, with options built in for selecting a country. ## [Field.SelectCurrency](/uilib/extensions/forms/feature-fields/SelectCurrency/) `Field.SelectCurrency` is a wrapper component for the selection component, with options built in for selecting a currency.