The LB Redbridge design system.
-
- An introduction
- A starter template
- Accordion
- Back link
- Breadcrumbs
- Button
- Character count
- Checkboxes
- Confirmation
- Date input
- Details
- Declarations
- Error message and summary
- File upload
- Footer
- Header
- Hyperlink
- Inset text
- Layouts
- Mapping
- Phase banner
- Phone numbers
- Print button
- Radio buttons
- Select
- Spacing
- Table ( responsive )
- Text input
- Textarea
- Typography
- Warning text
- Well
Phone numbers
Telephone number input with attribute type="tel"
GDS guidelines on using this pattern (opens in a new window)
For phone number validation, GDS highlights Google's libphonenumber library to validate phone numbers from most countries.
<div class="govuk-form-group">
<label class="govuk-label" for="phone-number">
UK phone number [label]
</label>
<input class="govuk-input govuk-input--width-20" id="phone-number" name="phoneNumber" type="tel" autocomplete="tel">
</div>
