Component

Empty State

Centers an icon + message + optional action.

No results

Try a different search.

No projects yet

Create your first project to get started.

Prop	Type	Default	Description
title *	React.ReactNode	None	The headline - what is missing, in a few words.
action	React.ReactNode	None	Controls under the text - typically the one Button that fills the emptiness.
description	React.ReactNode	None	A supporting line under the title, width-capped so it stays readable.
icon	React.ReactNode	None	Glyph shown in the circle above the title. Falls back to an inbox icon.

title *None

React.ReactNode

The headline - what is missing, in a few words.

actionNone

React.ReactNode

Controls under the text - typically the one Button that fills the emptiness.

descriptionNone

React.ReactNode

A supporting line under the title, width-capped so it stays readable.

iconNone

React.ReactNode

Glyph shown in the circle above the title. Falls back to an inbox icon.

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