Component

Alert

Static page/section banner. Use Toast for transient feedback.

Variants

Heads up

A new version is available.

Saved

Your changes were saved.

Almost full

You're at 92% of your plan.

Error

Something went wrong.

Pass onDismiss to render a close control; you own the visibility state.

Unsaved changes

You have edits that haven't been saved yet.

Omit title for a compact, single-line inline message.

A simple, title-less inline message.

Prop	Type	Default	Description
onDismiss	(() => void)	None	Renders a dismiss button and is called when it is pressed. Removing the alert is the consumer's job.
title	React.ReactNode	None	Headline above the body.
variant	StatusTone	"info"	Status the message reports; sets the tone wash, the icon and the ARIA role.

onDismissNone

(() => void)

Renders a dismiss button and is called when it is pressed. Removing the alert is the consumer's job.

titleNone

React.ReactNode

Headline above the body.

variant"info"

StatusTone

Status the message reports; sets the tone wash, the icon and the ARIA role.

Also accepts everything from Omit<React.HTMLAttributes<HTMLDivElement>, "title">.

Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent