Add how to enter an address

[kelliedesigner]

As a consumer of the Design System I want to know how to provide a way for users to enter an address So that there's consistency across products

Acceptance criteria

• [ ] Add component or pattern
• [ ] Cross-browser test
• [ ] Accessibility test
• [ ] Add changelog entry

[kelliedesigner]

Multiple text inputs

Key findings on gov.uk

Pros

• ability to extract parts of an address
• help and validation of individual text inputs
• users can use autocomplete

Cons

• there's no one size fits all
• could be misused
• users can't paste in a copied address

Usage You should:

• only make inputs mandatory if you really need the information
• set the width to fit the information being requested
• allow flexible data entry, for example upper or lower case postcodes
• include an optional county input so that people who do not know their postcode can give a valid address

[kelliedesigner]

Textarea Key findings on gov.uk

Pros

• You can accept a broad range of address formats
• lets users easily copy and paste addresses from their clipboard

Cons

• need can't separate an address into accurate sub-parts