Skip to content

Option with Avatar

New

A selectable person or team option combining identity, supporting context and selection state.

Added in v2.5.0 · import from "@borneo/react"

Live previewPermalink to this section

This is the production component using the active theme and component contracts.

AnatomyPermalink to this section

Every visible part has one job and a clear requirement.

PartRequirementPurpose
AvatarRequiredProvides a fast visual identity with initials fallback.
NameRequiredThe option's accessible identity.
DescriptionOptionalDisambiguates similar names with role or email.
Selection indicatorRequiredReinforces aria-pressed visually.

Variants and statesPermalink to this section

Choose a variant for meaning or layout need, never decoration alone.

VariantUse
UnselectedResting option available for selection.
SelectedUses aria-pressed and a check indicator.
DisabledVisible for context but unavailable.