Empty · Zellify

Installation#

Terminal

npx shadcn@latest add @zellify/empty

Usage#

empty.tsx

import {  Empty,  EmptyHeader,  EmptyTitle,  EmptyDescription,  EmptyContent,  EmptyMedia,} from "@/components/ui/empty"

Examples#

Basic

No projects yet

You haven't created any projects yet. Get started by creating your first project.

Create project

Learn more

With Muted Background

No results found

No results found for your search. Try adjusting your search terms.

Learn more

With Border

404 - Not Found

The page you're looking for doesn't exist. Try searching for what you need below.

/

Need help? Contact support

With Icon

Nothing to see here

No posts have been created yet. Get started by creating your first post.

With Muted Background Alt

404 - Not Found

The page you're looking for doesn't exist. Try searching for what you need below.

/

Need help? Contact support

In Card

No projects yet

You haven't created any projects yet. Get started by creating your first project.

Create project

Learn more

API reference#

Exports Empty EmptyHeader EmptyTitle EmptyDescription EmptyContent EmptyMedia. Every part takes its element's usual props and a className.

Prop	Options	Default
variant	`defaulticon`	default