About this piece
User Profile Card
Avatar with name, role, and a presence dot in emerald, amber, or slate.
Usage
The import and the props worth knowing about, in one place.
import { Card4 } from "@/components/beste/piece/card4";
<Card4
surface="card"
bordered={false}
inverted={false}
avatarSrc="https://images.unsplash.com/photo-1614283233556-f35b0c801ef1?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjI3fHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
avatarAlt="Hania Rani"
fallback="HR"
name="Hania Rani"
role="Product Designer"
status="online"
/>
