---
title: Button 按钮
description: 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。
spline: base
isComponent: true
toc: false
---

### 按钮风格

通过 `theme` 属性可设置按钮风格，支持 `primary`，`danger`，默认为 `default`

{{ base }}


### 幽灵按钮

通过 `ghost` 属性可设置幽灵按钮（镂空按钮）

{{ colors }}
### 禁用状态

通过 `disabled` 属性来禁用按钮，禁用状态下按钮不可点击。

{{ disabled }}

### 加载状态

通过 `loading` 属性可设置按钮为加载状态，。

{{ loading }}
### 按钮形状

通过 `variant` 属性可设置按钮形式，基础、线框、文字。支持 `base`，`outline`，`text`，默认为 `base`

{{ variants }}
### 图标按钮

通过 `icon` 属性可设置按钮按钮内部图标，可完全自定义

{{ icon}}

### 按钮尺寸

通过 `size` 属性可设置按钮尺寸，支持 `small`，`medium`，`large`，默认为 `medium`

{{ size }}

### 块级元素

通过 `block` 属性可设置按钮为块级元素

{{ block }}

