Alert 提示

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

基础用法

Alert 组件不属于浮层元素，不会自动消失或关闭。

主题

Alert 组件提供了两个不同的主题：light 和 dark。

自定义关闭按钮

你可以自定义关闭按钮为文字或其他符号。

使用图标

你可以通过为 Alert 组件添加图标来提高可读性。

文字居中

使用 center 属性来让文字水平居中。

文字描述

为 Alert 组件添加一个更加详细的描述来使用户了解更多信息。

带图标和描述

Alert API

属性

名称	说明	类型	默认值
title	Alert 标题。	`string`	—
type	Alert 类型。	`enum`	info
description	描述性文本	`string`	—
closable	是否可以关闭	`boolean`	true
center	文字是否居中	`boolean`	false
close-text	自定义关闭按钮文本	`string`	—
show-icon	是否显示类型图标	`boolean`	false
effect	主题样式	`enum`	light

Events

名称	描述	类型
close	关闭 Alert 时触发的事件	`Function`

Slots

名称	描述
default	Alert 内容描述
title	标题的内容

源代码

组件 • 文档

贡献者

Delyan Haralanov

波比小金刚

on the field of hope

Dialog 对话框