Empty

Use Empty states when lists, search results, or data views have no content to display. This could be a new user with no items yet, search with no matches, or filtered view with no results. Always provide context and a path forward.

When possible, yes! Empty states with clear CTAs like "Create Your First Project" or "Add Item" convert abandonment into engagement. However, for search results with no matches, focus on helpful tips to refine the search instead.

Good empty states combine three elements: visual (icon or illustration), explanation (why it's empty), and action (what to do next). Keep messaging friendly and encouraging, never blame users, and make the next step obvious and easy.

Absolutely! The Empty component supports custom illustrations, icons, or even animations. Choose visuals that match your brand personality and the specific empty state context, from professional minimalism to friendly playfulness.

Yes! Common types include: first-use (no items created yet), user-cleared (all items deleted), no-results (search/filter found nothing), error-state (failed to load), and no-access (permissions issue). Each needs appropriate messaging and actions.

Yes, this Figma Empty component matches the shadcn/ui implementation, ensuring your empty states provide consistent, helpful experiences from design to production that guide users effectively.