> 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/ti-shi-zu-jian/toast.md).

# Toast

## Props

| 参数         | 类型      | 默认       | 说明                                       |
| ---------- | ------- | -------- | ---------------------------------------- |
| show       | Boolean | false    | 是否显示，`双向绑定`                              |
| time       | Nummber | 2000     | 显示时间                                     |
| type       | String  | success  | 图标类型，可选为`success`,`text`,`cancel`,`warn` |
| transition | String  | vux-fade | 动画                                       |
| width      | String  | `7.6em`  | Toast宽度                                  |

> 尽管Toast组件提供了`cancel`和`warn`类型，但不推荐使用，需要用户关注的通知推荐使用`Alert`或者`Confirm`

## Slot

| 名字     | 说明   |
| ------ | ---- |
| 默认slot | 提示文字 |

## Demo

### 默认按钮文字

\`\`\` vux height=450 components=Toast,Group,Switch

默认提示处理成功取消操作禁止操作1s关闭Talk is cheap, show me the code.

&#x20;export default { data () { return { show1: false, show2: false, show3: false, show4: false, show5: false, show6: false } } }  \`\`\`
