{%- extends "theming/base_component.html" -%}

{%- block overview -%}

    <p>
        The <code>divider</code> component creates visual dividers between
        content sections, providing clear separation without adding significant
        visual weight. Dividers are important for organizing content and
        creating visual hierarchy, helping users distinguish between different
        sections or groups of related information.
    </p>

    <p>
        Divider components can be simple horizontal lines or more complex
        elements that include text or other content. They provide subtle but
        effective visual separation that helps organize content without adding
        clutter or competing with primary content for attention.
    </p>

{%- endblock %}