Elements / button

button

Tier 1

The native element, styled directly. Variants are classes; @layer means collisions resolve in your favor.

<button class="primary">Submit</button>
<a class="btn" href="/docs">A link dressed as a button</a>

Notes

Ghost has deliberately zero rest affordance — toolbars and icon rows, not the lone action on a page. Disabled is the same fill at reduced opacity.