Ghosted chat preview

Ghosted chat

Unanswered chat messages marked as read, with a thumbs-down reply on hover

  • Group
    Card illustrations
  • Origin
    Copied · affectUI · source
  • License
    MIT
  • Added
    Oct 18
npx shadcn@latest add @deank/ghosted-chat

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { GhostedChat } from "@/registry/blocks/ghosted-chat/ghosted-chat";

<GhostedChat />

Props

NameTypeDefaultDescription
labelstring"A chat with three unanswered messages…"Accessible description of the illustration
classNamestringExtra class on the root, e.g. for width or margins

When to use

- A problem card about cold outreach that gets ignored or messages left on read - Bento grids and feature cards that need a small illustration above the text

When not to use

Interactive app UI; these are illustrations, so keep them out of task flows.

Related

Empty calendar