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

Button

Button component - button styling for the button and hyperlink elements.
The buttons are customised for LB Redbridge and based on the standard GDS button component.
GDS guidelines on using this component (opens in a new window)

Primary button [link element]
Secondary button [link element]

HTML Code ↕

                    
                      <button class="govuk-button" data-module="govuk-button">
  Primary button [button element]
</button>

<button class="govuk-button govuk-button--secondary" data-module="govuk-button">
  Secondary button [button element]
</button>

<button class="govuk-button govuk-button--white" data-module="govuk-button">
  Primary inverted button [button element]
</button>

<a href="#" class="govuk-button" data-module="govuk-button">
  Primary button [link element]
</a>

<a href="#" class="govuk-button govuk-button--secondary" data-module="govuk-button">
  Secondary button [link element]
</a>