snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
68
apps/v4/registry/new-york-v4/examples/empty-icon.tsx
Normal file
68
apps/v4/registry/new-york-v4/examples/empty-icon.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
import {
|
||||
IconBookmark,
|
||||
IconHeart,
|
||||
IconInbox,
|
||||
IconStar,
|
||||
} from "@tabler/icons-react"
|
||||
|
||||
import {
|
||||
Empty,
|
||||
EmptyDescription,
|
||||
EmptyHeader,
|
||||
EmptyMedia,
|
||||
EmptyTitle,
|
||||
} from "@/registry/new-york-v4/ui/empty"
|
||||
|
||||
export default function EmptyIcon() {
|
||||
return (
|
||||
<div className="grid gap-8 md:grid-cols-2">
|
||||
<Empty>
|
||||
<EmptyHeader>
|
||||
<EmptyMedia variant="icon">
|
||||
<IconInbox />
|
||||
</EmptyMedia>
|
||||
<EmptyTitle>No messages</EmptyTitle>
|
||||
<EmptyDescription>
|
||||
Your inbox is empty. New messages will appear here.
|
||||
</EmptyDescription>
|
||||
</EmptyHeader>
|
||||
</Empty>
|
||||
|
||||
<Empty>
|
||||
<EmptyHeader>
|
||||
<EmptyMedia variant="icon">
|
||||
<IconStar />
|
||||
</EmptyMedia>
|
||||
<EmptyTitle>No favorites</EmptyTitle>
|
||||
<EmptyDescription>
|
||||
Items you mark as favorites will appear here.
|
||||
</EmptyDescription>
|
||||
</EmptyHeader>
|
||||
</Empty>
|
||||
|
||||
<Empty>
|
||||
<EmptyHeader>
|
||||
<EmptyMedia variant="icon">
|
||||
<IconHeart />
|
||||
</EmptyMedia>
|
||||
<EmptyTitle>No likes yet</EmptyTitle>
|
||||
<EmptyDescription>
|
||||
Content you like will be saved here for easy access.
|
||||
</EmptyDescription>
|
||||
</EmptyHeader>
|
||||
</Empty>
|
||||
|
||||
<Empty>
|
||||
<EmptyHeader>
|
||||
<EmptyMedia variant="icon">
|
||||
<IconBookmark />
|
||||
</EmptyMedia>
|
||||
<EmptyTitle>No bookmarks</EmptyTitle>
|
||||
<EmptyDescription>
|
||||
Save interesting content by bookmarking it.
|
||||
</EmptyDescription>
|
||||
</EmptyHeader>
|
||||
</Empty>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user