Hover Profile

About this piece

Compact social hover card with an avatar, a handle, and a three-column strip for posts, following, and followers.

Usage

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

import { Card29 } from "@/components/beste/piece/card29";

<Card29
  name="Kaitlyn Aurelia Smith"
  handle="kaitlyn.smith"
  initials="KS"
  stats={[
    {
      "label": "Posts",
      "value": "142"
    },
    {
      "label": "Following",
      "value": "318"
    },
    {
      "label": "Followers",
      "value": "4.2K"
    }
  ]}
  image="https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=100&auto=format&fit=crop"
  bordered={false}
/>