UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

121 lines (63 loc) 5.86 kB
--- title: 'All fields' version: 11.3.0 generatedAt: 2026-05-19T08:46:52.893Z checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40 --- # All fields ## [Field.ArraySelection](/uilib/extensions/forms/base-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. ## [Field.Boolean](/uilib/extensions/forms/base-fields/Boolean/) `Field.Boolean` is the base component for receiving user input where the target data is of type `boolean`. ## [Field.Composition](/uilib/extensions/forms/base-fields/Composition/) `Field.Composition` is a component for when you create a field block that contains of several existing fields. ## [Field.Indeterminate](/uilib/extensions/forms/base-fields/Indeterminate/) `Field.Indeterminate` component is used to display and handle the indeterminate state of a checkbox. ## [Field.MultiSelection](/uilib/extensions/forms/base-fields/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](/uilib/extensions/forms/base-fields/Number/) `Field.Number` is the base component for receiving user input where the target data is of type `number`. ## [Field.Option](/uilib/extensions/forms/base-fields/Option/) `Field.Option` is a pseudo-component for defining an option to be used in a dropdown or similar user experiences. ## [Field.Selection](/uilib/extensions/forms/base-fields/Selection/) `Field.Selection` is a wrapper component for selecting between options using a dropdown or similar user experiences. ## [Field.Slider](/uilib/extensions/forms/base-fields/Slider/) `Field.Slider` is a wrapper component for the Slider to make it easier to use inside a form. ## [Field.String](/uilib/extensions/forms/base-fields/String/) `Field.String` is the base component for receiving user input where the target data is of type `string`. ## [Field.Toggle](/uilib/extensions/forms/base-fields/Toggle/) `Field.Toggle` is a base component for allowing the user to toggle between two different values in the target data point. ## [Field.Upload](/uilib/extensions/forms/base-fields/Upload/) `Field.Upload` is a wrapper for the Upload component to make it easier to use inside a form. ## [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.