For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
预约演示登录免费开始
  • 入门
    • 概览
    • 工作原理
    • 快速开始
    • 项目结构
    • Customer showcase
    • 变更日志
  • 配置
    • 概览
    • 站点级设置
    • 页面级设置
  • 编写内容
    • Markdown 基础
    • Markdown 中的富媒体
      • 概览
      • 折叠面板
      • 旁注
      • 按钮
      • 徽章
      • 下载
      • 提示框
      • 卡片
      • 代码块
      • 复制组件
      • 下载组件
      • 端点请求片段
      • 端点响应片段
      • 端点模式代码片段
      • Webhook 负载片段
      • 文件
      • 框架
      • 图标
      • If
      • 缩进
      • 参数字段
      • 提示词组件
      • Runnable endpoint
      • 模式组件
      • 步骤
      • 表格
      • 标签页
      • 工具提示
      • 版本
    • Fern 编辑器
    • 可复用代码片段
  • AI 功能
    • 概览
    • Fern Writer
    • AI 生成的示例
    • Markdown 访问
      • 概览
      • Agent 指令
      • 智能体指令
      • 分析与集成
    • MCP 服务器
    • API 目录发现
  • Public API
    • GETJWT from Fern API key
    • GETAlgolia search credentials
    • GETCurrent user information
  • Fern Writer API
    • GETGet Fern Writer Install Link
Checking status...
SOC2Soc 2 Type II
© 2026 Fern • Birch Solutions, Inc., a Postman company

Documentation

SDKsDocsAsk FernCLI Reference

API Definitions

OpenAPIAsyncAPIOpenRPCgRPC

Resources

BlogSupportPricing

Company

Brand KitPrivacy PolicyTerms of Service
LogoLogo
预约演示登录免费开始
在本页
  • 使用方法
  • 变体
  • 意图
  • 样式
  • 尺寸
  • 带图标
  • 链接和禁用状态
  • 属性
  • 基础
  • 高级
编写内容组件

按钮组件

||以 Markdown 格式查看|
此页面是否有帮助?
在仪表板中编辑
上一个

徽章组件

下一个

提示框

<Button> 组件渲染具有各种样式、尺寸和意图的交互式按钮。

使用方法

Markdown
1<Button intent="primary">主要按钮</Button>
2<Button intent="success">成功按钮</Button>
3<Button outlined>轮廓按钮</Button>

变体

意图

Markdown
1<Button intent="primary">主要按钮</Button>
2<Button intent="success">成功按钮</Button>
3<Button intent="warning">警告按钮</Button>
4<Button intent="danger">危险按钮</Button>
5<Button intent="none">普通按钮</Button>

样式

Markdown
1<Button intent="success" outlined large rounded>大型、轮廓、圆角</Button>
2<Button intent="success" minimal>最小化</Button>
3<Button intent="warning" mono>等宽字体</Button>

尺寸

Markdown
1<Button small>小按钮</Button>
2<Button>普通按钮</Button>
3<Button large>大按钮</Button>

带图标

Markdown
1<Button icon="download">下载</Button>
2<Button rightIcon="arrow-right">继续</Button>
3<Button icon="star" rightIcon="arrow-right">收藏</Button>

链接和禁用状态

链接按钮
Markdown
1<Button href="/learn/docs/getting-started/overview">链接按钮</Button>
2<Button disabled>禁用按钮</Button>

属性

基础

intent
'none' | 'primary' | 'success' | 'warning' | 'danger'Defaults to 'none'

按钮的视觉意图

disabled
booleanDefaults to false

按钮是否被禁用

small
booleanDefaults to false

是否使用小尺寸

large
booleanDefaults to false

是否使用大尺寸

icon
string | ReactNode

左侧显示的图标

href
string

要导航到的 URL(渲染为链接按钮)

target
string

指定在哪里打开链接的 URL。对于典型的文档站点,链接可以在同一标签页(_self)或新标签页(_blank)中打开。对于嵌入在仪表板或 iframe 中的文档,链接可以在父框架(_parent)或最顶层框架(_top)中打开。

高级

minimal
booleanDefaults to false

是否使用最小化样式

outlined
booleanDefaults to false

是否使用轮廓样式

full
booleanDefaults to false

按钮是否应占据全宽

rounded
booleanDefaults to false

是否使用圆角

active
booleanDefaults to false

按钮是否处于激活状态

mono
booleanDefaults to false

是否使用等宽字体

rightIcon
string | ReactNode

右侧显示的图标

text
ReactNode

按钮文本内容

className
string

额外的 CSS 类