Skip to content

CSS

High-contrast conversion buttons for critical actions and call-to-actions.

Variants

Section titled “Variants”

The default variant is default.

<button class="tng-accent-button is-default">Default</button>
<button class="tng-accent-button is-bz4x">BZ4X</button>
Open in playground

Sizes

Section titled “Sizes”

The default size is lg.

<button class="tng-accent-button is-sm">Small</button>
<button class="tng-accent-button is-md">Medium</button>
<button class="tng-accent-button is-lg">Large</button>
Open in playground

States

Section titled “States”
<button class="tng-accent-button" disabled>Default</button>
<button class="tng-accent-button is-bz4x" disabled>BZ4X</button>
Open in playground