---
title: Buttons
slug: docs/buttons
docTags: 
createdAt: 2026-06-05T12:26:33.577Z
---

[Button](docId\:JDAXu7IBxBA1jW3KHOrOp) blocks create prominent calls-to-action that link to other pages or external websites.

## Syntax

You can add this component using either Markdown or MDX.

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::CtaButton{label="Click Me" externalHref="https://example.com" openInNewTab="true"}
:::
```
:::

:::Tab{title="MDX"}
```javascript
<CtaButton
  label="Click Me"
  externalHref="https://example.com"
  openInNewTab="true"
/>
```
:::
::::

Buttons support the following properties:

- `label` defines the text displayed on the button.
- `externalHref` specifies the destination URL.
- `openInNewTab` controls whether the link opens in a new browser tab.

## MDX example

The following example creates a button that links users to the Archbee documentation.

```html
<CtaButton
  label="Go to Archbee Docs"
  externalHref="https://www.archbee.com/docs"
  openInNewTab="true"
/>
```