Component

Dismiss Button

The bare X that Dialog, Drawer, Toast and the image lightbox all close with. Deliberately without chrome - no fill, border or shadow - so it never competes with the surface it sits on.

Basic

Icon-only, so it always needs an accessible name.

On a surface

Its usual position: absolutely placed in the corner of the panel it closes.

Storage almost full

You are using 92% of your plan.

Most of the time you will not reach for this directly - Dialog, Drawer and Toast render it for you

API reference

Prop	Type	Default	Description
aria-label *	string	None	Defines a string value that labels the current element.

aria-label *None

string

Defines a string value that labels the current element.

Also accepts everything from React.ButtonHTMLAttributes<HTMLButtonElement>.

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