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

{%- block overview -%}

    <p>
        The <code>tag</code> component displays tag elements that categorize or label content,
        making it easier to organize and discover related items. Tags are important for
        content discovery and organization, allowing users to quickly identify content
        themes or categories.
    </p>

    <p>
        Tag components typically provide consistent styling for tag elements while
        supporting various states such as active, inactive, or selected tags. The
        component ensures tags are visually distinct from other content while
        maintaining readability and appropriate spacing for tag collections.
    </p>
{%- endblock %}