Content elements

Box out

The box out component draws the user’s attention to detailed supplementary information.

Open this box out example in a new tab
HTML
<div class="occlss-box-out">
  <div class="occlss-info-box" role="note" aria-label="Information">
    <h3>How to supply your documents</h3>
  </div>
  <p>If you are unable to upload your documents to the application form, you can take then to one of the Libraries listed below to be validated.</p>
  <ul>
    <li>Abingdon Library</li>
    <li>Didcot Library</li>
    <li>Oxfordshire County Library</li>
    <li>Summertown Library</li>
    <li>Wallingford Library</li>
  </ul>
  <p>You will need to take original documents but they will be returned to you.</p>
</div>

When to use this component

Use this component where you want to provide some supplementary guidance or instructions, for example, instructions for providing documents to support an application.

The box can include a title, paragraph text, bullet lists and links.

Changelog

1.0.0

  • Component added