Empty

Empty

With Title and Description

No items found

Try adjusting your search or filters to find what you're looking for.

With Action Button

No projects yet

Get started by creating your first project.

Create Project

With Custom Icon

Inbox is empty

You're all caught up! No new messages.

Search Results Empty

No results found

We couldn't find anything matching your search.

Clear Search

Usage

import { Empty } from "@f0rbit/ui";

<Empty
  title="No items found"
  description="Try adjusting your search or filters."
/>

With Action Button

import { Empty, Button } from "@f0rbit/ui";

<Empty
  title="No projects yet"
  description="Get started by creating your first project."
>
  <Button>Create Project</Button>
</Empty>

With Custom Icon

import { Empty } from "@f0rbit/ui";

<Empty
  icon={<InboxIcon />}
  title="Inbox is empty"
  description="You're all caught up!"
/>

Props

Prop	Type	Default	Description
icon	JSX.Element	—	Icon to display above the message
title	string	—	Main title text
description	string	—	Additional description text
children	JSX.Element	—	Additional content (e.g., action buttons)