Team Member

About this piece

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

Usage

The import and the props worth knowing about, in one place.

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

<Card21
  name="Hania Rani"
  title="Staff engineer"
  initials="HR"
  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"
  bordered={false}
/>