@finastra/alert-message NPM

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.