> For the complete documentation index, see [llms.txt](https://vuxjs.gitbook.io/vux/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vuxjs.gitbook.io/vux/biao-dan-zu-jian/xbutton-an-niu.md).

# x-button 按钮

## Props

> 按钮文字可以用text属性也可以用直接用默认slot

| 参数       | 说明                          | 类型      | 默认值     |
| -------- | --------------------------- | ------- | ------- |
| type     | 可选，可选值为default,primary,warn | String  | default |
| disabled | 可选，是否disabled               | Boolean | false   |
| text     | 可选，按钮文字                     | String  | 无       |
| mini     | 可选，是否为小尺寸                   | Boolean | false   |
| plain    | 可选，是否为plain样式(没有背景色)        | Boolan  | false   |

## Slots

| 名字     | 说明   |
| ------ | ---- |
| 默认slot | 按钮文字 |

### 一般使用

\`\`\` vux components=XButton height=170

submitprimaryDelete \`\`\` ### 不可点击 \`\`\` vux components=XButton height=170submitprimaryDelete \`\`\` ### 直接用:text指定按钮文字 \`\`\` vux components=XButton height=50

 export default { data: { btnText: 'click me', isDisabled: false }, methods: { click: function () { const \_this = this this.isDisabled = true this.btnText = 'Processing' setTimeout(function () { \_this.btnText = 'Done' }, 2000) } } }  \`\`\`