Profile Card
A premium dark social profile card with a painted blue cover-art panel, action row, and a detail panel with avatar, verified name, bio, follower stats, and outbound website link.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/profile-card
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| name | string | 'Suraj' | Display name shown in the detail panel header |
| username | string | '@surajmaurya_m' | Handle rendered as the small caption under the name |
| description | string | 'Building EasyUI. Engineer.' | Biographical text shown under the name |
| followers | string | '200K' | Pre-formatted follower count |
| posts | string | '72' | Pre-formatted post count |
| website | string | 'easyui.site' | Website domain — link href is auto-prefixed with https:// |
| actionLabel | string | 'Follow' | Label for the primary action button |
| onAction | () => void | undefined | Click handler for the primary action button |
| className | string | undefined | Additional Tailwind classes merged into the card root |