---
title: Button-按钮
sidebarDepth: 2
---

## 使用方法

### 文字按钮和图标按钮

可以传参数icon-position决定图标的位置
<ClientOnly><button-demo-1> </button-demo-1></ClientOnly>

### loading图标

点击正在loading的图标取消loading状态
<ClientOnly><button-demo-2> </button-demo-2></ClientOnly>

### 3种尺寸的按钮
<ClientOnly><button-demo-3> </button-demo-3></ClientOnly>

### 图标组合 Button Group
<ClientOnly><button-demo-4> </button-demo-4></ClientOnly>