Skip to main content

PaymentMethods

The PaymentMethods component displays the logos of the available payment options in a store.

Import​

import { PaymentMethods } from '@faststore/ui'

Usage​

Payment Methods
Visa logoMastercard logoMaestro logoAmerican express logoHipercard logoElo logoDiners club logoPayPal brand

Props​

testIdstring
Description

ID to find this component in testing tools (e.g.: cypress, testing-library, and jest).

Default value
store-payment-methods
titleReactNode
Description

Title of the payment methods section (e.g.: "Payment methods", "Accepted Cards").

aria-labelstring
Description

Defines a string value that labels the current element when title is not used.

children*ReactNode
Description

Children will receive the flags to be displayed in the payment methods section (e.g.:, visa, mastercard, etc).

Customization​

data-store-payment-methods

data-payment-methods-flags

Didn't find your answers? Ask the Community. For documentation suggestions, submit your feedback.

JOIN THE COMMUNITY

ON THIS PAGE