PDS proposals
← All proposals

Avatar Label

The PDS v2 AvatarLabel (src/components/identity/AvatarLabel, branch v2.x) with every Avatar replaced by the Agent Avatar proposal.

Net-new componentOpen in Storybook

proposals/AvatarLabel/custom.md27 lines · View on GitHub

Custom and net-new: AvatarLabel

Everything in this proposal that is not plain PDS v2. npm run check:tokens reads this file: each net-new class, custom CSS variable and raw value found in the code must appear here in backticks.

Net-new components

  • .pds-agent-avatar — The PDS v2 AvatarLabel (src/components/identity/AvatarLabel, branch v2.x) with every Avatar replaced by the Agent Avatar proposal.
    • Parts and modifiers: .pds-agent-avatar__content

Additions to existing PDS components

  • On .pds-avatar-label: .pds-avatar-label--has-attribution, .pds-avatar-label__attribution

Net-new props

  • attribution: who the agent acts for.
  • hasAvatar: show the name without the avatar.
  • avatarProps is now required and takes Agent Avatar props.

Custom CSS variables

None.

Raw values kept on purpose

None.