Alert
Free
Displays a callout for user attention with contextual feedback messages.
Installation
Install via CLI
npx @moontra/moonui-cli add alertUsage
Heads up!
You can add components to your app using the cli.
Examples
Dismissible Alert
closable renders a dismiss control and calls onClose — the only interactive behaviour Alert exposes, so the consumer owns whether the alert stays unmounted
Default Alert
Basic alert with title and description.
Error Alert
Alert with error styling for critical messages.
Success Alert
Alert with success styling for positive feedback.
Warning Alert
Alert with warning styling for cautionary messages.
Info Alert
Alert with info styling for informational messages.
Without Icon
Alert without an icon for simpler presentation.
Without Title
Alert with only description for brief messages.
Sizes
Control vertical padding and text size with the size prop.
Radius
Adjust corner rounding with the radius prop.