Follow Request

Incoming request card with avatar, handle, mutual-connections line, and accept or decline buttons.

Jordan Reyes
Jordan Reyes@jordan.r12 mutual connections

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

Import & use
import { Notification8 } from "@/components/beste/piece/notification8";

<Notification8
  name="Jordan Reyes"
  username="jordan.r"
  initials="JR"
  mutualCount={12}
  image="https://images.unsplash.com/photo-1667063160344-58a0f325715a?w=100&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDM1fHx8ZW58MHx8fHx8"
/>