atomic · pds + did

<atproto-avatar>

Avatar circle for any subject. Resolves PDS, fetches profile, renders avatar — that's it.

Live

<atproto-avatar src="pfrazee.com"></atproto-avatar>
<atproto-avatar src="pfrazee.com" size="lg"></atproto-avatar>
<atproto-avatar src="did:plc:..." linked></atproto-avatar>

Attributes

Name	Type	Default	Description
`src` *	`string`	—	Handle, DID, or AT-URI.
`size`	`'sm' \| (default) \| 'lg'`	—	24px / 40px / 80px. Override via --atproto-avatar-size if you want a custom value.
`linked`	`boolean`	—	Wrap in an anchor pointing at bsky.app/profile/<handle>.

Parts

External CSS can target these via atproto-avatar::part(<name>) { ... }.

Part	What it is
`avatar`	The circle div.
`link`	The anchor wrapper (only present with `linked`).