# Button 按钮
常用的操作按钮。
## 基础用法
基础的按钮用法。
 <!-- <div class="flex flex-row">
  <TSXbutton icon="edit" plain color="red">编辑</TSXbutton>
  <TSXbutton icon="delete" plain>删除</TSXbutton>
  <TSXbutton icon="share" plain>分享</TSXbutton>
  <TSXbutton round plain icon="search">搜索</TSXbutton>
 </div> -->
 
 :::demo 使用`size`、`color`、`pain`、`round`属性来定义 Button 的样式。


```vue
<template>
 <div class="flex flex-row">
  <TSXbutton icon="edit" plain color="red">编辑</TSXbutton>
  <TSXbutton icon="delete" plain>删除</TSXbutton>
  <TSXbutton icon="share" plain>分享</TSXbutton>
  <TSXbutton round plain icon="search">搜索</TSXbutton>
 </div>
</template>
```
:::