React Empty State Component

No projects yet

Get started by creating your first project. You can invite your team later.

Installation

pnpm add krz-ui

Usage

import { EmptyState, Button } from "krz-ui";

<EmptyState
  icon={<FolderIcon />}
  title="No projects yet"
  description="Create your first project to get started."
  action={<Button>New project</Button>}
  bordered
/>

API Reference

Prop	Type	Description
`icon`	`ReactNode`	Illustration or icon above the title.
`title / description`	`ReactNode`	What's empty, and what to do next.
`action`	`ReactNode`	Buttons or links.
`bordered`	`boolean`	Dashed border around the state.
`size`	`"sm" \| "md"`	Compact version for cards and panels.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ icon?, title?, description?, action? }`	Extra classes for inner parts.