{%- extends "theming/base_component.html" -%}
{%- set parametrized = parametrized or ["accordion", "accordion_wrapper"] -%}

{%- block overview -%}
    <p>
        The <code>accordion</code> component creates collapsible content sections that allow
        users to expand and collapse content as needed. This component is particularly
        useful for organizing large amounts of information in a space-efficient manner,
        allowing users to focus on relevant sections while keeping the interface
        uncluttered.
    </p>

    <p>
        Accordions are commonly used for FAQ sections, detailed metadata displays, and
        any content that benefits from progressive disclosure. The component typically
        includes a header that serves as the toggle control and a content area that
        expands or collapses. It works with <code>accordion_wrapper</code> to
        provide consistent grouping of multiple accordion sections.
    </p>
{%- endblock %}