BETA This is a new service — your feedback will help us to improve it.

Back to components

Hidden Text Progressive disclosure

Use this to make your page easier to scan, only showing contextual information when required.

Example
Details

Instead you'll need to provide us with a Council tax Student Certificate from your admissions/student services department.

HTML Snippet for hidden text

<details class="details">
    <summary>Details</summary>
    <div class="details__container">
        <p>Instead you'll need to provide us with a Council tax Student Certificate from your admissions/student services department.</p>
    </div>
</details>
Back to top