---
title: 按钮
slug: docs/cn/R2oNgIWxuCir4PhBQZ8H1
createdAt: 2026-06-05T12:26:33.577Z
---

[按钮](docId\:UI4jtExZ5_EtasD0MvhRo) 块会创建显眼的行动号召，用于链接到其他页面或外部网站。

## 语法

您可以使用 Markdown 或 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"
/>
```
:::
::::

按钮支持以下属性：

- `标签` 定义按钮上显示的文本。
- `externalHref` 指定目标 URL。
- `在新标签页中打开` 控制链接是否在新的浏览器标签页中打开。

## MDX 示例

以下示例创建一个按钮，将用户链接到 Archbee 文档。

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