Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

DOCS - cards

Browse Source
This commit is contained in:
mrszympek
2019-06-01 23:21:11 +02:00
parent ada6718fdb
commit 4a028b0790
2 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
pages/_docs/cards.md
View File

@@ -235,3 +235,31 @@ You can also add the image on the left side of the card. All you need do to is:
</div> </div>
{% endexample %} {% endexample %}
### Card with options
{% example html columns=1 %}
{% include cards/card.html title="This is a standard card" show-footer=true %}
{% endexample %}
### Card with fullscreen
{% example html columns=1 %}
{% include cards/card.html title="With additional fullscreen button" show-fullscreen=true %}
{% endexample %}
### Card with search
{% example html columns=1 %}
{% include cards/card.html title="Card with search form" show-form=true %}
{% endexample %}
### Card with search
{% example html columns=2 %}
<div class="row">
<div class="col-lg-6 col-xl-6">
{% include cards/card.html title="Card with alert" alert="Adding action was successful" %}
</div>
<div class="col-lg-6 col-xl-6">
{% include cards/card.html title="Card with alert" alert="Adding action failed" alert-type="danger" %}
</div>
</div>
{% endexample %}

1
pages/cards-2.html
View File

@@ -1,6 +1,7 @@
--- ---
title: Cards title: Cards
page-title: Cards page-title: Cards
done: true
--- ---
{% assign photos = site.data.photos | where: "horizontal", true %} {% assign photos = site.data.photos | where: "horizontal", true %}