A generic centered placeholder for empty lists, grids, or search results: an optional icon, a description, and an optional action. Modeled on AntD's `Empty` — reusable anywhere something has nothing to show yet.
Examples of v0.3.4 are shown as code; only the latest version runs live. Open the live examples →
Basic Empty State
1const BasicEmptyState = () => (2 <EmptyState description="No blocks yet." />3);45render(<BasicEmptyState />);
Empty State With Icon
1const EmptyStateWithIcon = () => (2 <EmptyState icon="🧩" description="No blocks yet. Add one to get started." />3);45render(<EmptyStateWithIcon />);
Empty State With Action
1const EmptyStateWithAction = () => (2 <EmptyState icon="🧩" description="No blocks yet. Add one to get started.">3 <button onClick={() => {}}>+ Add Block</button>4 </EmptyState>5);67render(<EmptyStateWithAction />);