Team Member

Directory row with an avatar carrying a presence dot, name, title, department, and a message button.

Andrea Kim
Andrea KimStaff engineerPlatform · Beste

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

Import & use
import { Card21 } from "@/components/beste/piece/card21";

<Card21
  name="Andrea Kim"
  title="Staff engineer"
  department="Platform · Beste"
  initials="AK"
  online={true}
  image="https://images.unsplash.com/photo-1556157382-97eda2d62296?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mjg0fHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
/>