Components
Reusable parts of a digital service, such as buttons, banners, tables or form inputs.
Use these interface elements to help make Camden services consistent and accessible.
Accordion
The accordion component lets users show and hide sections of related content on a page.
Back link
Use the back link component to help users go back to the previous page in a multi-page form.
Character count
Help users know how much text they can enter when there is a limit on the number of characters.
Checkboxes
Let users select one or more options by using the checkboxes component.
Date input
Use the date input component to help users enter a memorable date or one they can easily look up.
Details
Make a page easier to scan by letting users reveal more detailed information only if they need it.
Error message
Show an error message when there is a validation error. In the error message explain what went wrong and how to fix it.
Error summary
Use this component at the top of a page to summarise any errors a user has made.
Exit this page
Give users a way to quickly and safely exit a service, website or application.
Fieldset
Use the fieldset component to group related form inputs.
File upload
Help users select and upload a file.
Input
Use the text input component when you need to let users enter text that’s no longer than a single line, such as their name or phone number.
Inset text
Use the inset text component to differentiate a block of text from the content that surrounds it.
Pagination
Help users navigate forwards and backwards through a series of pages.
Panel
The panel component is a visible container used on confirmation or results pages to highlight important content.
Radios
Use the radios component when users can only select one option from a list.
Select
The select component should only be used as a last resort in public-facing services.
Skip link
Use the skip link component to help keyboard-only users skip to the main content on a page.
Summary list
Use a summary list to summarise information, for example, a user’s responses at the end of a form.
Table
Use the table component to make information easier to compare and scan for users.
Tabs
The tabs component lets users navigate between related sections of content, displaying one section at a time.
Tag
Use the tag component to show users the status of something.
Textarea
Use the textarea component when you need to let users enter an amount of text that’s longer than a single line.
Warning text
Use the warning text component when you need to warn users about something important.