Empty

Preview

No Products Found

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

Clear Filters

Installation

npx skeci-ui add empty

Usage

import { Empty } from '@/components/ui/empty';
import { Button } from '@/components/ui/button';

<Empty
  title="No Data"
  description="There is no data to display right now."
  action={<Button>Create New</Button>}
/>

Variants

No Data Found

There is nothing to show here at the moment.

Missing Component

We couldn't find the requested component in the registry.

Props

Prop	Type	Default	Description
title	string	'No Data Found'	The heading text.
description	string	'There is nothing to show here at the moment.'	The sub-text description.
icon	ReactNode	(sketchy illustration)	Custom icon or illustration element.
action	ReactNode	—	A React node (like a Button) to render below the description.