Alert

An alert box that displays a notification message to the user.

Usage

import { Alert } from "@lemonsqueezy/wedges";
<Alert title="Alert title">Alert content</Alert>

API Reference

PropValueDefault
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.

More examples:

Edit this page