Components / Account Identity

Account Identity

The one way to attribute a connected social account: avatar, platform badge, and username in a single row. Account selectors, post footers, anywhere a post or metric names its account.

import { AccountIdentity } from '@layers/ui/account-identity'

Rendered stock

House rules

  • Pass the account object (platform, username, profile_picture_url); a missing avatar falls back to the PlatformIcon inside the circle, never an empty one.
  • Usernames render bare, never with an @ prefix.
  • Sizes sm, md, and lg scale the avatar, platform badge, and gap together. textSize is an escape hatch for rows set in nonstandard type, not a fourth size.
  • trailing renders inline after the username for suffix content like a status Badge; the username truncates first.
  • Ad targets are apps, not accounts; those rows use AppIdentity.

See also