Empty state

Placeholder panels for empty lists, search results, and onboarding.

No projects yet

Create a project to organize API keys and environments.

Example

import { Button } from "matcha-ui";
import { EmptyState } from "matcha-ui";
import { Tray } from "phosphor-react";

<EmptyState
  icon={Tray}
  title="No projects"
  description="Create a project to get started."
  action={<Button size="sm">Create project</Button>}
/>