Installation

Usage

export default function Example() {
  return (
    <Empty
      icon={<PackageIcon size={48} />}
title="No packages found"
description="Get started by installing your first package."
      commandLine="npm install @kumo/ui"
/>
  );
}

Examples

Basic

Sizes

Empty states come in three sizes to fit different container contexts.

With Command Line

Include a copyable command to help users get started.

With Actions

Add custom action buttons using the contents prop.

Minimal

At minimum, only a title is required.

API Reference