The LB Redbridge design system.

- Reusability
- User centred design
- An overview
- 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
- Case examples

Details

Make a page easier to scan by letting users reveal more detailed information only if they need it.
GDS guidelines on using this component (opens in a new window)

Details title

Details content Details content Details content Details content Details content Details content Details content Details contentDetails content

HTML Code ↕

                    
                      <details class="govuk-details" data-module="govuk-details">
  <summary class="govuk-details__summary">
    <span class="govuk-details__summary-text">
    Details title
    </span>
  </summary>
  <div class="govuk-details__text">
  Details content Details content Details content Details content Details content Details content Details content Details contentDetails content
  </div>
</details>