mirror of
https://github.com/tabler/tabler.git
synced 2026-07-29 06:24:38 +04:00
1.2 KiB
1.2 KiB
title, menu, plugin, done
| title | menu | plugin | done |
|---|---|---|---|
| Payments | docs.payments | payments | true |
Payment
{% capture code %} {% include ui/payment.html class="mr-3" payment="shopify"%} {% include ui/payment.html class="mr-3" payment="visa" %} {% include ui/payment.html class="mr-3" payment="paypal"%} {% endcapture %} {% include example.html code=code %}
Payment sizes
Using Bootstrap’s typical naming structure, you can create a standard payment, or scale it up to different sizes based on what’s needed.
{% capture code %} {% include ui/payment.html class="mr-3" payment="shopify" size="xl" %} {% include ui/payment.html class="mr-3" payment="visa" size="lg" %} {% include ui/payment.html class="mr-3" payment="paypal" size="md" %} {% include ui/payment.html class="mr-3" payment="amazon" size="sm" %} {% endcapture %} {% include example.html code=code %}
Types
{% for payment in site.data.payments %} {% endfor %}| {{ payment.name }} | {{ payment.logo }} |
{% include ui/payment.html payment=payment.logo %} | {% include ui/payment.html payment=payment.logo dark=true %} |