<h3>Standard</h3>

<p>
    The standard alert component is a simple way to display important messages
    to users. It can be used to show information, warnings, errors, or success
    messages. The alert can be styled using different styles such as "success",
    "danger", and "warning" to indicate the type of message being
    displayed. This helps users quickly understand the nature of the message
    and take appropriate action if needed.
</p>

{%- call ui.util.call(show_example) -%}
    {%- raw %}
        {{ ui.alert(lipsum(1, 1, 5)) }}
        {{ ui.alert(lipsum(1, 1, 5), style="success") }}
        {{ ui.alert(lipsum(1, 1, 5), style="danger") }}
        {{ ui.alert(lipsum(1, 1, 5), style="warning") }}
    {%- endraw %}
{%- endcall %}