EmptyState

An empty list should say why it is empty and offer the next step, never just show a blank panel that looks broken.

import { Button, EmptyState } from '@andrewbehma/glass-ui';
import { FolderPlus } from 'lucide-react';

Playground

EmptyState.tsx

import { Button, EmptyState } from '@andrewbehma/glass-ui';
import { FolderPlus } from 'lucide-react';

<EmptyState
  title="No projects yet"
  description="Projects group your boards, files and people. Create one to get started."
  icon={<FolderPlus className="size-6" />}
  action={<Button variant="solid">New project</Button>}
/>