Skip to content
On this page

Alert 提示

用于页面中展示重要的提示信息。

基础用法

提示分别有4种状态,可通过设置type来改变状态,分别为primarysuccesswarningdanger,不设置为default

默认的提示信息
primary的提示信息
success的提示信息
warning的提示信息
danger的提示信息
html
<os-alert
type="success">
success的提示信息</os-alert>

图标

可通过属性show-icon设置为true,即可显示前缀图标。

属性show-close设置为true,会显示关闭图标,因为非浮层组件不会自动关闭,需要结合方法close进行隐藏。

默认的提示信息
primary的提示信息
success的提示信息
warning的提示信息
danger的提示信息

带标题的提示

属性title能设置提示标题,slot为title也同样能工作。

Default
默认的提示信息
Primary
primary的提示信息
Success
success的提示信息
Warning
warning的提示信息
Danger
danger的提示信息
html
<os-alert
title="Success"
type="success">
success的提示信息</os-alert>

Released under the MIT License.