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

{%- block overview -%}
    <p>
        The <code>alert</code> component displays notification and alert
        messages to users, providing feedback about system status, errors,
        warnings, or successful operations. Alerts are crucial for user
        experience as they provide immediate feedback about actions taken or
        system conditions that users should be aware of.
    </p>

    <p>
        Alerts typically come in different styles to indicate different types of
        information: success messages for completed actions, warnings for cautionary
        information, errors for problems that need attention, and informational
        messages for general notifications. The component handles consistent styling
        and positioning to ensure messages are clearly visible and appropriately styled
        based on their importance and type.
    </p>
{%- endblock %}