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
Declaration
Panels to add a declaration statement and confirmation checkbox
HTML Code ↕
<div class="govuk-banner govuk-banner--blue">
<h3 class="govuk-heading-m">Declaration</h3>
<p class="govuk-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vitae, ut turpis enim urna, feugiat massa. In felis lacus, ultrices sed augue malesuada arcu. Nunc, ullamcorper arcu imperdiet consequat et, posuere erat tortor proin. Risus morbi hac ultrices vitae. Cursus fermentum aenean in nulla quis nunc non feugiat at. </p>
<p class="govuk-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="govuk-banner govuk-banner--blue">
<div class="govuk-form-group">
<fieldset class="govuk-fieldset">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
<h3 class="govuk-fieldset__heading">Confirmation</h3>
</legend>
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="confirm" name="confirm" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="confirm">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </label>
</div>
</div>
</fieldset>
</div>
</div>