Alert
Displays important alert messages.
Basic Usage
Alert components are non-overlay elements in the page that does not disappear automatically.
Theme
Alert provide two different themes, light and dark.
Customizable Close Button
Customize the close button as texts or other symbols.
With Icon
Displaying an icon improves readability.
Centered Text
Use the center attribute to center the text.
With Description
Description includes a message with more detailed information.
With Icon and Description
Alert API
Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| title | alert title. | string | — |
| type | alert type. | enum | info |
| description | descriptive text. | string | — |
| closable | whether alert can be dismissed. | boolean | true |
| center | whether content is placed in the center. | boolean | false |
| close-text | customized close button text. | string | — |
| show-icon | whether a type icon is displayed. | boolean | false |
| effect | theme style. | enum | light |
Events
| Name | Description | Type |
|---|---|---|
| close | trigger when alert is closed. | Function |
Slots
| Name | Description |
|---|---|
| default | content of the alert description. |
| title | content of the alert title. |
三咲智子
云游君
Jeremy
Xc
C.Y.Kun
Aex
kooriookami
sleepyShen1989
白雾三语
류한경
Delyan Haralanov
bqy
波比小金刚
zwgwf
btea
Sleepy Five
on the field of hope
Hades-li
wzc520pyfm