Button Background Color
Background color can be set on the button using background_color prop.
Important Notes:
This has effect only on the buttons which hierarchy is primary.
Demo
Light Theme
Dark Theme
Twig
{% include '@bolt-elements-button/button.twig' with {
content: 'This is a primary button',
background_color: 'teal',
attributes: {
type: 'button'
}
} only %}
HTML
<button type="button" class="e-bolt-button e-bolt-button--secondary t-bolt-teal">This is a primary button</button>