About
Self-contained empty state component with icon, title, description and action
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds empty-state to your project and fits it to your theme.
Code
How empty-state is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Search } from "lucide-react";
import EmptyState from "@/components/ui/emptystate";
export default function EmptyStateDemo() {
return (
<EmptyState
icon={Search}
title="Nenhum resultado encontrado"
description="Tente ajustar seus filtros ou volte mais tarde."
action={{ label: "Limpar filtros", href: "/" }}
/>
);
}