Documentation > Alert

Alert

Display important messages with visual emphasis

Preview

Default Alert

This is a generic alert message.

Default Alert

This is a generic alert message.

Information

Your message has been successfully sent to the recipient.

Information

Your message has been successfully sent to the recipient.

Operation Info

Your operation was completed successfully.

Operation Info

Your operation was completed successfully.

Error

Something went wrong with your operation.

Error

Something went wrong with your operation.

Warning

Please check the details before proceeding.

Warning

Please check the details before proceeding.

Installation
npx radianos add alert
Props
Prop NameDefault ValuesValues
typedefaultinfo, success, danger, warning
animationYesYes/No
title--
message--
shadersfalseboolean
Usage
<Alert
 type="success"
 title="Operation Info"
 message="Your operation was completed successfully."
 />