Skip to main content

PaymentIcon

Displays icons representing payment methods. Use to visually communicate available or saved payment options clearly

string

A label that describes the purpose or contents of the icon.

When set, it will be announced to users using assistive technologies and will provide them with more context. This should only be used if the icon requires an alternative internationalised label or if it is otherwise inappropriate to make use of the default label included with the icon.

string

A unique identifier for the element.

|
Default: ''

The icon type of the payment method

Was this section helpful?

Code

<s-payment-icon type="paypal" />
<s-payment-icon type="apple-pay" />
<s-payment-icon type="mastercard" />
<s-payment-icon type="shop-pay" />
<s-payment-icon type="visa" />
<s-payment-icon type="amex" />
<s-payment-icon type="klarna" />

Preview