Buttons

TWIG component : Betclic/_common/_twig/_components/_buttons/_buttons.twig
CSS components : Betclic/_payment/_deposit/_css/_components/_buttons/_apple_pay.scss
Betclic/_payment/_deposit/_css/_components/_buttons/_grouped.scss
Betclic/_payment/_deposit/_css/_components/_buttons/_preset_amount.scss

Special cases

Apple Pay

Apple Pay button is present in the library but the native SDK is privileged on the Production environment.

Default

Pay

Disabled

Pay

Loading

Pay

code HTML

Google Pay

Google Pay button is not available in the library because the native SDK is used on Angular development.

Default

Capture from Figma.

Paypal

Paypal button is not available in the library because the native SDK is used on Angular development.

Default

Capture from Figma.

Loading

A Tactics loader is injected on the SDK button to indicate the loading status when the API response is pending.