Payment Method

<sc-payment-method></sc-payment-method>

This component let users create payment method.

Preview

<sc-payment-method class="card"></sc-payment-method>
<sc-payment-method class="bank"></sc-payment-method>
<script>
	document.querySelector('.card').paymentMethod = {card: { brand: 'visa', last4: '4242'}};
	document.querySelector('.bank').paymentMethod = {bank_account: { id: 'test', account_type: "checking", last4: '9999'}};
</script>

Code

Component Codex

Properties

Property	Description	Type	Default
externalLink		string
externalLinkTooltipText		string
full		boolean
paymentMethod		PaymentMethod

Shadow Parts

Part	Description
bank
base
card
instrument

Used By

• sc-order
• sc-payment-methods-list
• sc-subscription-next-payment
• sc-subscription-payment
• sc-subscription-payment-method
• sc-upcoming-invoice

Uses

• sc-tooltip
• sc-button
• sc-icon
• sc-tag
• sc-cc-logo
• sc-text