---
title: Alert 警告
description: 警告条用于承载需要用户注意的信息。
isComponent: true
usage: { title: "", description: "" }
spline: message
---

## 基本用法

通过`default`和`message`可设置警告的内容，支持自定义`属性`、`方法`，或者`具名插槽`的方式使用

{{ base }}

## 主题

通过`theme`可设置不同主题样式的警告框。

{{ theme }}

## 图标

默认情况下，警告框的图标是固定的，会跟随`theme`的不同而改变，也可以通过`icon`来定义其他类型的图标，甚至其他任意类型。

{{ icon }}

## 关闭

设置了`close`属性后，警告框右侧会出现关闭图标，点击之后会销毁该条警告，值类型为`boolean`，当为 true 时可简写为 `<l-alert close/>`，如为 false 则可省略不写。

{{ closable }}

## 操作

当定义了`operation`属性或者插槽之后，该内容会紧跟在 `default`，`message`之后，常用来放置操作按钮。

{{ operation }}

## 标题

为提升警示效果，可通过`title`设置警告框的标题。

{{ title }}

## 折叠

当警告框的内容过多时，可通过`maxLine`设置最大显示的信息条数，多余的会自动折叠。

{{ max-line }}
