Components › Feedback

Empty state

What a list or page shows before it has content, with a way forward.

Installation

npx plankui@latest add empty-state

Usage

import { EmptyState } from "@/components/ui/empty-state";

<EmptyState icon={<FolderPlus />} title="No projects yet" action={<Button>New project</Button>} />

API reference

PropTypeDefaultDescription
titleReactNoderequiredHeadline.
descriptionReactNodeSupporting line.
iconReactNodeShown on a key.
actionReactNodeButtons.

View the source on GitHub