Empty

Use Empty to guide users when there is nothing to display.

No results

Try adjusting your search or filters.

import { Empty, EmptyMedia, EmptyTitle, EmptyDescription } from '@tile-ui/vue';
 
export default function EmptyDemo() {
	return (
		<Empty>
			<EmptyMedia variant="default">+</EmptyMedia>

Registry install

pnpm dlx shadcn@latest add @tile-ui/empty

Package usage

import { Empty, EmptyMedia, EmptyTitle, EmptyDescription } from '@tile-ui/vue';
 
<Empty>
	<EmptyMedia variant="muted">+</EmptyMedia>
	<EmptyTitle>No results</EmptyTitle>
	<EmptyDescription>Try adjusting your search.</EmptyDescription>
</Empty>