# Profile card

A person’s ID plate: their coin set in a countersunk socket, name and role, a rating plate of facts engraved in tabular figures, and one key to act. Compact for one line.

Kit part · With the Kit · https://tactileui.dev/parts/profile-card

> The code and styling for this part come with the Tactile UI Kit, which is in the Founder Pass. Sign in if you have it. Sign in: https://tactileui.dev/auth/sign-in The price: https://tactileui.dev/pricing

## Anatomy

No script. The plate is a second recess. A container query moves the coin above the name when the card is narrow.

## Variants

- Full · the card is the panel
- Compact · one line
- Initials, offline

## States

- Rest
- Key hover
- Key down
- Key focus

## Props and options

| Name | Kind | Description |
| - | - | - |
| aria-labelledby | attribute | Names the article by the person’s name, so a list of cards reads as a list of people. |
| dd small | element | The unit, half-weight beside the value. |

## Usage notes

The coin sits in a socket cut into the plate; the facts are engraved into a second recess. Invite latches.

## Accessibility

- The facts are a description list.
- The coin names itself and its status (“Ada Okafor, online”); the status line under the role says it in words as well.

## Related parts

- [Avatar](https://tactileui.dev/parts/avatar): A person’s mark, struck like a coin: initials stamped into the field, or a photo set under the rim, with a status lamp mounted at five o’clock. Stacks into a group with a count.
- [Panel](https://tactileui.dev/parts/panel): A face plate that groups what belongs together: a head, a rule, then the parts. Screws only on device-like panels.
- [Spec list](https://tactileui.dev/parts/spec): Key and value facts, printed like the plate on the back of a device.