Option with Avatar
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.
| Part | Requirement | Purpose |
|---|---|---|
| Avatar | Required | Provides a fast visual identity with initials fallback. |
| Name | Required | The option's accessible identity. |
| Description | Optional | Disambiguates similar names with role or email. |
| Selection indicator | Required | Reinforces aria-pressed visually. |
Variants and statesPermalink to this section
Choose a variant for meaning or layout need, never decoration alone.
| Variant | Use |
|---|---|
| Unselected | Resting option available for selection. |
| Selected | Uses aria-pressed and a check indicator. |
| Disabled | Visible for context but unavailable. |