Component Documentation
Success! Your changes have been saved
This is an alert with icon, title and description.
Component slot β add any component
This Alert has a title and an icon. No description.
Unable to process your payment.
Please verify your billing information and try again.
Success! Your changes have been saved
This is an alert with icon, title and description.
Component slot β add any component
This Alert has a title and an icon. No description.
Unable to process your payment.
Please verify your billing information and try again.
Alert
The Alert component is a visual callout used to draw attention to important information. It can be used to highlight warnings, confirmations, updates, or any other content that benefits from visual emphasis.
This component is purely presentational β it includes no built-in interaction logic β giving you full flexibility in how and where you use it.
You might place an Alert statically inside a card, section, or modal. Alternatively, you can combine it with custom animations or triggers to display it in response to specific user actions or application states.
Usage
To use the Alert:
- Drag the Alert component onto the canvas in the desired location.
- Customize the text, icon, and visual style via the Component Properties panel.
- Optionally, wrap it in logic or animations depending on the use case (e.g. show on form submission, page load, or interaction).