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

card with status, row-deck

Browse Source
This commit is contained in:
mrszympek
2019-06-01 21:29:45 +02:00
parent 053170510f
commit 4737ed1b93
6 changed files with 46 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_docs/cards.md
+7 -4
View File
@@ -62,11 +62,14 @@ You can also add the image on the left side of the card. All you need do to is:
{% example html columns=2 %}
<div class="row row-cards row-deck">
<div class="col-md-6">
{% include cards/card.html title="Card status" hide-options=true status="purple" %}
<div class="col-md-4">
{% include cards/card.html title="Card status on top" hide-options=true status-position="top" status-color="red" body="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque" %}
</div>
<div class="col-md-6">
{% include cards/card.html title="Card status on left side" hide-options=true status-left="blue" %}
<div class="col-md-4">
{% include cards/card.html title="Card status on left side" hide-options=true status-position="left" status-color="blue" body="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque" %}
</div>
<div class="col-md-4">
{% include cards/card.html title="Card status on bottom" hide-options=true status-position="bottom" status-color="green" body="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque" %}
</div>
</div>
{% endexample %}