## 基本用法 ::: demo Alert 组件提供四种主题，由 `type` 属性指定，默认值为 `info`。 ```html ``` ::: ## 自定义关闭按钮 ::: demo 在 Alert 组件中，你可以设置是否可关闭，关闭按钮的文本以及关闭时的回调函数。`closable` 属性决定是否可关闭，接受 `boolean`，默认为 `true`。你可以设置 `close-text` 属性来代替右侧的关闭图标，注意：`close-text` 必须为文本。设置 `close` 事件来设置关闭时的回调。 ```html ``` ::: ## 带有 icon ::: demo 通过设置 `show-icon` 属性来显示 Alert 的 icon，这能更有效的向用户展示你的显示意图。 ```html ``` ::: ## 带有辅助性文字介绍 ::: demo 除了必填的 `title` 属性外，你可以设置 `description` 属性来帮助你更好的介绍，我们称之为辅助性文字。辅助性文字只能存放单行文本，会自动换行显示。 ```html ``` ::: ## 带有 icon 和辅助性文字介绍 ::: demo 最后，这是一个同时具有 icon 和辅助性文字的样例。 ```html ``` ::: ## Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | **title** | 标题，**必选参数** | string | | | | type | 主题 | string | 'success', 'warning', 'info', 'error' | 'info' | | description | 辅助性文字 | string | | | | closable | 是否可关闭 | boolean | | true | | close-text | 关闭按钮自定义文本 | string | | | | showIcon | 是否显示图标 | boolean | | false | ## Events | 事件名称 | 说明 | 回调参数 | |---------- |-------- |---------- | | close | 关闭alert时触发的事件 | |