Feedback

Empty state.

Explain what is missing and offer a next step.

LIVE PREVIEWTry it. It works.

A little room to build.

Your projects will appear here.

Install the source

Terminal
npx shadcn@latest add https://ui.bld8.dev/r/empty.json

Registry setup · Open the playground

Usage

React / TypeScript
<EmptyState title="No projects yet" action={<Button>Create project</Button>}>Start with something small.</EmptyState>

In the workspace or ZIP starter, import components from @bld8/ui and include @bld8/ui/styles.css once. Registry installations use your local bld8/ source path. Wrap overlays in UIProvider.

API & behaviour

title is required; children provide a short explanation and action accepts a React node. Wire the action to a real outcome.

Notes to self

Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.