@finastra/alert-message

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>