Alert
An alert box that displays a notification message to the user.
Alert title
Alert content
Usage
import { Alert } from "@lemonsqueezy/wedges";<Alert title="Alert title">Alert content</Alert>API Reference
| Prop | Value | Default |
|---|---|---|
after | ReactNode | / |
before | ReactNode | / |
children | ReactNode | / |
closable | boolean | false |
color | "gray" | "primary" | "info" | "success" | "error" | "warning" | / |
onClose | MouseEventHandler<HTMLButtonElement> | never | / |
title | ReactNode | / |
variant | "inline" | "expanded" | "inline" |
Examples
The following example shows expanded variant with color set to primary and closable set to true with onClose callback provided.
The data export you requested is ready!
More examples:
Successfully uploaded!
You have no credits left!
Upgrade to continue.
There was a problem with your submission
Must include at least 1 number
Must include at least 2 uppercase letters
A new software update is available. See what's new.