Skip to content
Component

Result

Full-section outcome state, the bigger sibling of EmptyState.

Success

actions sits under the text, laid out in a row - usually the control that moves the user on.

Payment complete

A receipt is on its way to your inbox.

Error

Say what happened and offer the way out.

Payment failed

Your card was declined. No money has left your account.

API reference

title *None
React.ReactNode

The outcome, stated in a few words ("Payment received", "Page not found").

actionsNone
React.ReactNode

Controls under the text, laid out in a row.

descriptionNone
React.ReactNode

What happened and what to do about it.

variant"info"
StatusTone

Status the outcome reports; sets the icon and its tint.

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