Feedback

EmptyState

First-use and no-results states.

@codeways/ui/empty-state

First-use and no-results

40px icon tile, a title, one sentence, one primary action. No illustrations, no mascots.

No invoices yet

Invoices you send to clients will show up here.

No results for 'globex'

Try a different client name or invoice number.

Clear filters

Usage

import { EmptyState } from "@codeways/ui/empty-state";
import { Inbox } from "lucide-react";

<EmptyState icon={Inbox} title="No invoices yet" action={<Button variant="primary">Create invoice</Button>}>
  Invoices you send to clients will show up here.
</EmptyState>