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

{%- block overview -%}

    <p>
        The <code>link</code> component creates hyperlinks that allow users to
        navigate between pages or to external resources. Links are fundamental
        navigation elements that require consistent styling and behavior to
        ensure users can easily identify and interact with them.
    </p>

    <p>
        Link components handle various states including normal, hover, visited, and
        active states to provide clear visual feedback about link status and
        interactivity. The component ensures proper accessibility attributes and
        consistent styling that makes links easily identifiable while maintaining
        visual harmony with the overall design.
    </p>

{%- endblock %}