---
title: Button 按钮
nav:
  title: 组件
  path: /component
group:
  title: 基础组件
  path: /basic
  order: 2
---

# Button 按钮
---

## 代码演示

按钮用于开始一个即时操作。

### 按钮尺寸
展示按钮的四种尺寸：mini、small、middle 和 large，满足不同场景下的使用需求。

<code src="./__fixtures__/size.tsx" />

### 按钮类型
提供多种按钮样式：文字按钮、链接按钮、实心按钮、描边按钮、弱按钮、虚线按钮和危险按钮，适应不同的交互场景。

<code src="./__fixtures__/type.tsx" />

### 按钮形状
支持圆角和矩形两种形状，可根据界面风格选择合适的按钮形状。

<code src="./__fixtures__/shape.tsx" />

### 按钮状态
展示按钮的禁用状态，包括普通禁用和失败禁用两种样式，并提供相应的视觉反馈。

<code src="./__fixtures__/status.tsx" />

### 加载状态
展示按钮在加载状态下的不同样式，适用于异步操作场景，提供良好的用户体验。

<code src="./__fixtures__/loading.tsx" />

### 图标按钮
支持在按钮左侧添加图标，增强按钮的可识别性和交互性。

<code src="./__fixtures__/icon.tsx" />

### 右侧图标
支持在按钮右侧添加图标，适用于需要指示操作方向的场景。

<code src="./__fixtures__/iconRight.tsx" />

### 禁用提示
当按钮处于禁用状态时，点击会显示提示信息，提供更好的用户反馈。

<code src="./__fixtures__/disabledTip.tsx" />

## 属性

<API hideTitle src="./Button.tsx"></API>