1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-22 01:44:25 +04:00
Files
tabler/pages/_docs/alerts.md
2019-04-30 13:24:59 +02:00

1.3 KiB

title
title
Alerts

Bootstrap provides an easy way to create predefined alert messages.

Default markup

{% example html %} {% for variant in site.variants %} {% capture variant-text %} This is a {{ variant.name }} alert — check it out! {% endcapture %} {% include ui/alert.html type=variant.name text=variant-text %} {% endfor %} {% endexample %}

Add the alert-link class to any links inside the alert box to create "matching colored links":

{% example html %} {% for variant in site.variants %} {% capture variant-text %} This is a {{ variant.name }} alert — check it out! {% endcapture %} {% include ui/alert.html type=variant.name text=variant-text %} {% endfor %} {% endexample %}

Closing Alerts

{% example html %} {% for variant in site.variants %} {% capture variant-text %} This is a {{ variant.name }} alert — check it out! {% endcapture %} {% include ui/alert.html type=variant.name text=variant-text close=true %} {% endfor %} {% endexample %}

Alerts with icons

{% example html %} {% for variant in site.variants %} {% capture variant-text %} This is a {{ variant.name }} alert — check it out! {% endcapture %} {% include ui/alert.html type=variant.name icon=variant.icon text=variant-text close=true %} {% endfor %} {% endexample %}