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

{%- block overview -%}

    <p>
        The <code>tooltip</code> component displays tooltips that provide additional
        information about elements when users hover over or focus on them. Tooltips are
        essential for providing contextual help, explaining abbreviations, or offering
        brief descriptions without cluttering the main interface.
    </p>

    <p>
        Tooltip components handle positioning to ensure they remain visible and
        readable, often appearing above, below, or to the side of the target
        element. They provide a non-intrusive way to offer additional information that
        enhances user understanding without requiring dedicated interface space.
    </p>

{%- endblock %}