woocommerce/docs/ux-guidelines-payments/payment-button-style.md

1.2 KiB
Raw Blame History

post_title menu_title
User Experience Guidelines - Payment Button Style Payment Button Style

Use the appropriate button style depending on the site theme.

Button styles.png

Dark

Use on white or light-color backgrounds. Dont use on black or dark backgrounds.

Dark.png

Light

Use on dark-color backgrounds. Dont use on white or light backgrounds.

Light.png

Light with outline

Use on white or light-color backgrounds that dont provide sufficient contrast. Dont use on dark or saturated backgrounds.

Light with outline.png

Button style and specifications

Buttons should contain the following states for resting, loading, active, and loading contexts. For additional guidance, follow the general Woo accessibility guidelines.

Button States and specifications