Follow Request
Incoming request card with avatar, handle, mutual-connections line, and accept or decline buttons.
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"
/>