AlertMessage
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
Usage
Import
npm i @finastra/alert-message
import '@finastra/alert-message';
...
<fds-alert-message type="success" title="Success" description="A banner displays an important, succinct message, and provides actions for users to address or dismiss the banner.">
</fds-alert-message>API
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
dense |
dense |
boolean |
false | dense . |
description |
description |
string |
"" | Alert description. |
icon |
icon |
string |
"" | Alert Icon. |
layout |
layout |
multiLines|singleLine |
"multiLines" | Define the layout type |
showCloseButton |
showCloseButton |
boolean |
false | Display the close button to dismiss the alert message. |
title |
title |
string |
"" | Alert title. |
type |
type |
info|error|success|warning |
"success" | Define the alert type |
withoutIcon |
withoutIcon |
boolean |
false | Remove the Icon from the alert message. |
Methods
| Method | Type |
|---|---|
renderIcon |
(): TemplateResult<1> |