#Address

#Import

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

#Description

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

There is a corresponding Value.Address component.

#Relevant links

• Source code
• Docs code

#Characteristics

• If the user enters an address with a space, the space is removed.
• autocomplete is by default set to street-address, but can be customized to using a grouping identifier like so billing street-address, see mdn docs.
• inputmode is by default set to text.

#Postal address

Is for locations for receiving mail, for people or businesses. This can also be used as a postbox address.

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

#Street address

Is for physical locations of people or businesses.

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