1.2 #atoms.button Button
Toggle example guides Toggle HTML markup
All button variants and interactive states. Primary style is defined in theme.json (wp-element-button defaults). Secondary and text variants override via :where() for low specificity.
.is-style-secondary - Slate light background .is-style-text - Transparent background, teal text
Tokens: $color-primary, $color-base, $color-contrast, $color-secondary-light, $color-primary-light, $color-focus-ring, $component-focus-outline-width, $component-focus-outline-offset, $transition-fast
Example
Markup
<button class="wp-element-button ">Button</button>
Source:
web/app/themes/naluma-theme/assets/scss/atoms/_button.scss, line 1