Who You Will Meet Card

About this piece

A person card pairing a portrait with a name and role, a colour-coded availability line, and a few hairline facts about the call.

Usage

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

import { Card31 } from "@/components/beste/piece/card31";

<Card31
  surface="card"
  bordered={false}
  inverted={false}
  avatar={{
    "src": "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=160&h=160&fit=crop",
    "alt": "Portrait of Anna Meredith"
  }}
  name="Anna Meredith"
  role="Migration engineer"
  status="Free from 09:30 today"
  availability="free"
  rows={[
    {
      "label": "Call length",
      "value": "30 minutes"
    },
    {
      "label": "Based in",
      "value": "Bristol, UK"
    }
  ]}
/>