Skip to main content

Buttons

.btn-* utility classes for MDX documentation pages — call-to-action links, download buttons, and inline actions.

Variants​

Primary action  Secondary  Danger

<a class="btn btn-primary" href="/docs/getting-started">Get started</a>
<a class="btn btn-secondary" href="/docs/customization">Customize</a>
<a class="btn btn-danger" href="#">Destructive action</a>

Sizes​

Small  Default  Large

<a class="btn btn-primary btn-sm" href="#">Small</a>
<a class="btn btn-primary" href="#">Default</a>
<a class="btn btn-primary btn-lg" href="#">Large</a>

Typical usage — landing page CTA​

<a class="btn btn-primary btn-lg" href="/docs/getting-started">Quick start →</a>
<a class="btn btn-secondary" href="https://github.com/...">View on GitHub</a>
tip

Use <a> for navigation links and <button> for in-page actions. Both support all .btn-* classes.