Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Tabler docs (#293)

Browse Source 
Tabler docs
This commit is contained in:
Paweł Kuna
2019-06-29 14:05:06 +02:00
committed by GitHub
parent b465d6d7e8 45d5f8c424
commit 5d0b5c9e05
7 changed files with 70 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
pages/_docs/alerts.md
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 %}

24
pages/_docs/charts.md Normal file
View File

@@ -0,0 +1,24 @@
---
title: Charts
menu: docs.charts
---
### c3.js charts
{% for chart in site.data.charts %}
{% if chart[1].display %}
{% example html %}
{% assign data = chart[0] %}
{% assign key = 'chart-' | append: data %}
<div class="card">
<div class="card-header">
<h3 class="card-title">{{ chart[1].name }} {{ chart[0] }}</h3>
</div>
<div class="card-body">
<div id="{{ key }}" style="height: 16rem"></div>
</div>
</div>
{% include js/charts.html id=key chart-id=data %}
{% endexample %}
{% endif %}
{% endfor %}