Content elements

Info box

The info box component can be used to draw attention to a small piece of supplementary information without breaking the flow of the main content.

Open this info box example in a new tab
HTML
<div class="occlss-info-box" role="note" aria-label="Information">
  Where a new school is built, this can affect a child’s eligibility for school transport.
</div>

When to use this component

Use this component for supplementary information that is related to the content surrounding it. For example, instead of using ‘please note’ for a condition that affects some or all users.

Changelog

1.0.0

  • Component added