Components

• Button
• Cookie banner
• Filter
• Graph
• Highlight
• Notification
• Pagination
• Panel
• Rating
• Search form
• Search results
• Table
• Tabs
• Tag
• Time line

Panel

An extension of GOVUK panel but with additional colour options. The panel component is a visible container used on confirmation or results pages to highlight important content.

Default example

Open this example in a new tab

HTML

<div class="das-panel">
  <h1 class="das-panel__title">
    Task is complete
  </h1>
  <div class="das-panel__body">
    Here are the details of the next steps
  </div>
</div>

Featured example

Open this example in a new tab

HTML

<div class="das-panel das-panel--featured">
  <h1 class="das-panel__title">
    Featured task is complete
  </h1>
  <div class="das-panel__body">
    Optional detail can be added
  </div>
</div>

Completed example

Open this example in a new tab

HTML

<div class="das-panel das-panel--confirmation">
  <h1 class="das-panel__title">
    Task is complete
  </h1>
</div>

Muted example

Open this example in a new tab

HTML

<div class="das-panel das-panel--muted">
  <h1 class="das-panel__title">
    Task is complete
  </h1>
  <div class="das-panel__body">
    Here are the details of the next steps
  </div>
</div>