Components

Alert

In Progress

Compact inline callout for notes, tips, warnings, and errors within prose or form content. Distinct from Banner which is a horizontal page-level strip with an optional CTA.

Info (default)

Note

This guide walks you through setup. Typically takes 10–15 minutes.

Tip

Save your CPMT_ID somewhere secure. You'll need it later.

All variants

Note

Informational note for the user.

Warning

Something needs your attention.

Tip

A helpful suggestion.

Error

Something went wrong.

Success

Action completed successfully.

Custom title

You can override the default title label.

With action

Warning

Your email address has not been verified.

Usage

import { Alert } from "@mnee-ui/ui"

Props

Prop	Type	Default	Description
variant	"info" \| "warning" \| "tip" \| "error" \| "success"	"info"	Visual style and default icon/label
title	string	variant label	Override the default label (Note, Warning, Tip…)
children	ReactNode	—	Content rendered below the title row
action	ReactNode	—	Trailing action element (e.g. a Button)
className	string	—	Layout utilities (margin, width)