---
title: Button
description: Render buttons and link-style actions
type: reference
summary: Use the provider-backed Button in application UI or directly in MDX.
related:
  - /docs/components
---

import { Button } from "@vercel/geistdocs/components/button";

<div className="not-prose my-6 flex min-h-32 items-center justify-center rounded-lg border border-gray-400 bg-background-100 p-6">
  <Button variant="secondary">Continue</Button>
</div>

```tsx
import { Button } from "@vercel/geistdocs/components/button";

export function Actions() {
  return <Button variant="secondary">Continue</Button>;
}
```

`Button` supports native buttons, anchors, and internal localized links. It is also included in the default MDX component map.