Empty

No Solid components found

Add a registry item to begin.

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

Use Empty to explain missing content and offer a next action.

Registry install

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

Package usage

import { Empty, EmptyMedia, EmptyTitle, EmptyDescription } from '@tile-ui/solid';

<Empty>
	<EmptyMedia variant="icon">+</EmptyMedia>
	<EmptyTitle>No results</EmptyTitle>
	<EmptyDescription>Try adjusting your search.</EmptyDescription>
</Empty>

Highlights

Header, media, title, and description
Default and icon media variants

Registry dependencies

Item	Purpose
`empty`	Component source and module styles
`core`	Framework-agnostic logic helpers
`styles`	Shared SCSS tokens and globals

API reference

EmptyMedia

Prop	Type	Default
`variant`	`'default' \| 'icon'`	—

No custom props.

EmptyHeader

No custom props.

EmptyTitle

No custom props.

EmptyDescription

No custom props.

EmptyContent

No custom props.