Payments

Documentation

Introduction Alerts Autosize Avatars Badges Breadcrumb Buttons Cards Carousel Colors Countup Cursors Charts Divider Empty states Flags Form elements Form helpers Form input mask Layout Progress Payments Ribbons New Spinners Steps Tables Tabs Timelines Toasts Tooltips Typography

This module is available in tabler-payments plugin.

Payment

<span class="payment payment-provider-shopify"></span>
<span class="payment payment-provider-visa"></span>
<span class="payment payment-provider-paypal"></span>

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.

<span class="payment payment-xl payment-provider-shopify"></span>
<span class="payment payment-lg payment-provider-visa"></span>
<span class="payment payment-md payment-provider-paypal"></span>
<span class="payment payment-provider-amazon"></span>

Types

	`2checkout-dark`	2checkout Dark
	`2checkout`	2checkout
	`alipay-dark`	Alipay Dark
	`alipay`	Alipay
	`amazon-dark`	Amazon Dark
	`amazon`	Amazon
	`americanexpress-dark`	Americanexpress Dark
	`americanexpress`	Americanexpress
	`applepay-dark`	Applepay Dark
	`applepay`	Applepay
	`bancontact-dark`	Bancontact Dark
	`bancontact`	Bancontact
	`bitcoin-dark`	Bitcoin Dark
	`bitcoin`	Bitcoin
	`bitpay-dark`	Bitpay Dark
	`bitpay`	Bitpay
	`cirrus-dark`	Cirrus Dark
	`cirrus`	Cirrus
	`clickandbuy-dark`	Clickandbuy Dark
	`clickandbuy`	Clickandbuy
	`coinkite-dark`	Coinkite Dark
	`coinkite`	Coinkite
	`dinersclub-dark`	Dinersclub Dark
	`dinersclub`	Dinersclub
	`directdebit-dark`	Directdebit Dark
	`directdebit`	Directdebit
	`discover-dark`	Discover Dark
	`discover`	Discover
	`dwolla-dark`	Dwolla Dark
	`dwolla`	Dwolla
	`ebay-dark`	Ebay Dark
	`ebay`	Ebay
	`eway-dark`	Eway Dark
	`eway`	Eway
	`giropay-dark`	Giropay Dark
	`giropay`	Giropay
	`googlewallet-dark`	Googlewallet Dark
	`googlewallet`	Googlewallet
	`ingenico-dark`	Ingenico Dark
	`ingenico`	Ingenico
	`jcb-dark`	Jcb Dark
	`jcb`	Jcb
	`klarna-dark`	Klarna Dark
	`klarna`	Klarna
	`laser-dark`	Laser Dark
	`laser`	Laser
	`maestro-dark`	Maestro Dark
	`maestro`	Maestro
	`mastercard-dark`	Mastercard Dark
	`mastercard`	Mastercard
	`monero-dark`	Monero Dark
	`monero`	Monero
	`neteller-dark`	Neteller Dark
	`neteller`	Neteller
	`ogone-dark`	Ogone Dark
	`ogone`	Ogone
	`okpay-dark`	Okpay Dark
	`okpay`	Okpay
	`paybox-dark`	Paybox Dark
	`paybox`	Paybox
	`paymill-dark`	Paymill Dark
	`paymill`	Paymill
	`payone-dark`	Payone Dark
	`payone`	Payone
	`payoneer-dark`	Payoneer Dark
	`payoneer`	Payoneer
	`paypal-dark`	Paypal Dark
	`paypal`	Paypal
	`paysafecard-dark`	Paysafecard Dark
	`paysafecard`	Paysafecard
	`payu-dark`	Payu Dark
	`payu`	Payu
	`payza-dark`	Payza Dark
	`payza`	Payza
	`ripple-dark`	Ripple Dark
	`ripple`	Ripple
	`sage-dark`	Sage Dark
	`sage`	Sage
	`sepa-dark`	Sepa Dark
	`sepa`	Sepa
	`shopify-dark`	Shopify Dark
	`shopify`	Shopify
	`skrill-dark`	Skrill Dark
	`skrill`	Skrill
	`solo-dark`	Solo Dark
	`solo`	Solo
	`square-dark`	Square Dark
	`square`	Square
	`stripe-dark`	Stripe Dark
	`stripe`	Stripe
	`switch-dark`	Switch Dark
	`switch`	Switch
	`ukash-dark`	Ukash Dark
	`ukash`	Ukash
	`unionpay-dark`	Unionpay Dark
	`unionpay`	Unionpay
	`verifone-dark`	Verifone Dark
	`verifone`	Verifone
	`verisign-dark`	Verisign Dark
	`verisign`	Verisign
	`visa-dark`	Visa Dark
	`visa`	Visa
	`webmoney-dark`	Webmoney Dark
	`webmoney`	Webmoney
	`westernunion-dark`	Westernunion Dark
	`westernunion`	Westernunion
	`worldpay-dark`	Worldpay Dark
	`worldpay`	Worldpay