---
order: 6
navTitle: 按钮
---
# 仪表板组件-按钮

**按钮**组件通过点击来执行操作，需要搭配交互使用。如点击按钮可以将分组表导出为Excel文件：
![导出分组表](./images/button1.gif)
示例地址：[占比图](https://demo.succbi.com/v5/bi/occupancy)

## 使用按钮组件{#use}

使用按钮组件时，可以自定义按钮的标题和样式，也可以添加交互设置，以点击按钮导出Excel表为例，具体操作步骤如下：
![使用按钮](./images/button2.gif)

1. **拖入按钮**：将**组件区>更多>按钮**组件拖入到目标界面
2. **设置标题**：在**属性栏>按钮>标题**中，自定义按钮标题为`导出`
3. **添加交互并配置交互属性**：添加`调用组件属性`交互，**选择组件**选择`分组表1`，**方法**选择`导出Excel`

## 属性介绍{#properties}

### 启用切换{#switch}

启用切换用来标注按钮是否被选中了，需要提前设置好按钮在点击前与点击后的文字内容以及页面交互效果，更多说明可以参考SuperPage中[启用切换](../../../../app/superpage/components/common/button.md#switch)文档。

### 条件样式{#condition-style}

用于动态改变按钮组件的样式，或者设置鼠标在按钮组件上进行操作时按钮的样式，分为两种类型：

- **条件样式**：支持设置**突出显示**，即按钮在满足条件时，显示不同的样式，更多规则参考[条件样式介绍](../../design/type/condition-style.md#condition-style)文档
- **状态样式**：禁用按钮或者鼠标执行悬停、选中、按下时按钮的样式效果，更多规则参考[状态样式介绍](../../design/type/condition-style.md#effect-style)文档