# XWUICardProfileMini

A hover / long-press profile preview card composed from XWUIAvatar: a large bordered avatar, name (with optional verified tick), `@handle`, bio, a stats row of posts / followers / following, and a Follow button plus an optional Message button. Pass `data.name` (required) along with `data.handle`, `data.bio`, `data.avatar`, `data.verified`, the string stats `data.posts`/`data.followers`/`data.following`, and `data.isFollowing`; the Follow button toggles in place and emits `onFollowToggle`, while `onProfileClick`, `onMessageClick`, and `onFollowToggle` surface interactions.

## Basic Usage

A verified profile card for Sarah Chen with a bio and posts / followers / following stats.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A verified mini profile card for Sarah Chen with bio and 234 posts / 12.4K followers / 342 following.
```

## Already-Following Creator

An unverified creator the viewer already follows, with the Follow button in its Following state.

```example
file: examples/FollowingCreator.ts
html: examples/FollowingCreator.html
title: Already-Following Creator
description: An unverified profile card with isFollowing set, showing the Following toggle and follower stats.
```

## Card With Message Action

A verified account that also exposes a Message button by supplying `onMessageClick`.

```example
file: examples/WithMessageButton.ts
html: examples/WithMessageButton.html
title: Card With Message Action
description: A verified studio profile with 1.1M followers and both Follow and Message buttons.
```

```api
```