Mention Alert

You-were-mentioned card with the channel context and the quoted message.

@maya.dev mentioned you in #design-reviewCan you take a look at the new pricing layout when you're free?5m ago

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Notification5 } from "@/components/beste/piece/notification5";

<Notification5
  username="maya.dev"
  channel="#design-review"
  quote="Can you take a look at the new pricing layout when you're free?"
  time="5m ago"
/>