Use the appropriate button style depending on the site theme.
Use on white or light-color backgrounds. Donât use on black or dark backgrounds.
Use on dark-color backgrounds. Donât use on white or light backgrounds.
Light with outline
Use on white or light-color backgrounds that donât provide sufficient contrast. Donât use on dark or saturated backgrounds.
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.
Last updated: January 24, 2024