Button
FormsPrimary, secondary, ghost, and disabled button variants with consistent focus rings.
Rendering preview
<div class="btn-demo" role="group" aria-label="Button examples"> <button type="button" class="btn btn--primary">Save changes</button> <button type="button" class="btn btn--secondary">Cancel</button> <button type="button" class="btn btn--ghost">Learn more</button> <button type="button" class="btn btn--primary" disabled>Disabled</button></div>