Alert: The main container for the alert, that handles the icon, title and description.
import { Alert } from "@dreamy-ui/react/rsc";Warning
Dream may boost Developer efficiency.
<Alert
status="warning"
title="Warning"
description="Dream may boost Developer efficiency."
/>The status prop changes the color of the alert and the icon.
Error
There has been an error!
Success
Your visit has been created!
Warning
We may have some issues.
Info
Your credit card information will expire soon. Please update.
<VStack spacing={3} w="100%">
<Alert status='error' title="Error" description="There has been an error!" />
<Alert status='success' title="Success" description="Your visit has been created!" />
<Alert status='warning' title="Warning" description="We may have some issues." />
<Alert status='info' title="Info" description="Your credit card information will expire soon. Please update." />
</VStack>