Skip to content

Accordion

See: https://design-system.service.gov.uk/components/accordion/

Usage

To use the component, you need to load the govuk_frontend_django template tag library and then use the gds_accordion and gds_accordion_item tags.

Example:

{% load govuk_frontend_django %}
...
{% gds_accordion id="accordion-1" %}
    {% gds_accordion_item heading="Heading 1" summary="Summary 1" %}
        Some <strong>HTML</strong> content
    {% endgds_accordion_item %}
    {% gds_accordion_item heading="Heading 2" summary="Summary 2" %}
        Some more <strong>HTML</strong> content
    {% endgds_accordion_item %}
{% endgds_accordion %}