Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-29 14:34:37 +04:00
Code Issues Projects Releases Wiki Activity

DOCS - alerts

Browse Source
This commit is contained in:
mrszympek
2019-06-10 21:52:47 +02:00
parent 9137ccaf5c
commit 6f420c58ef
5 changed files with 45 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_docs/alerts.md
+23 -2
View File
@@ -31,7 +31,7 @@ Add the `alert-link` class to any links inside the alert box to create "matching
{% endexample %}
## Closing Alerts
## Dismissible Alerts
{% example %}
{% for variant in site.variants %}
@@ -49,6 +49,27 @@ Add the `alert-link` class to any links inside the alert box to create "matching
{% 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 %}
{% include ui/alert.html type=variant.name icon=variant.icon text=variant-text %}
{% endfor %}
{% endexample %}
## Alert with avatar
{% assign person = site.data.people[1] %}
{% example %}
{% for variant in site.variants %}
{% capture variant-text %}
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
{% endcapture %}
{% include ui/alert.html type=variant.name text=variant-text avatar=true person=person %}
{% endfor %}
{% endexample %}
## Alert with buttons
{% example %}
{% capture variant-text %}
<h3>Some Title</h3>
<p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
{% endcapture %}
{% include ui/alert.html type='success' close=true text=variant-text buttons=true %}
{% endexample %}