Alert Component

[abinashpanda]

Alert component to show an error, warning, success, or info message.

Alert Props

Prop	Description	Required	Type	Default Value
type	Type of the alert which can be either AlertType.error or AlertType.warning or AlertType.success or AlertType.info	no	AlertType	AlertType.info
title	Alert title	yes	React.ReactNode
content	Alert content	no	React.ReactNode
icon	Alert icon	no	JSX.Element or boolean
actions	Alert action buttons	no	JSX.Element
closable	Making alert closable. It would render (X) button	no	boolean	true
onClose	Function to be called on pressing the (X) button	no	(event: React.MouseEvent<HTMLButtonElement>) => void

Additional Copmonents

AlertButton

Prop	Description	Required	Type	Default Value
type	Type of button	no	AlertButtonType	AlertButtonType.primary
label	Button label	yes	string
icon	Button icon	no	JSX.Element
loading	Button loading	no	boolean
className	additional classes	no	string
style	addtional styles	no	React.CSSProperties

Stories

• Info alert
• Success alert
• Warning alert
• Error alert (preferably list of form submit errors)
• Alert with actions
• Alert with only title
• Alert with custom icon
• Alert with close action