ParticipantCanvas
This component renders a single participant.
Component children#
| Key | Component | Condition | Align | Description |
|---|---|---|---|---|
| avatar | styled(div) | The participant avatar while on a call. Displays `worker.attributes.image_url` prop | ||
| avatar-hover | styled(div) | Included only if participant (from props) is on hold or connecting | Hover shown over participant avatar during an active call if participant is connecting or on hold | |
| name | styled(div) | Div containing participant name | ||
| status | styled(div) | Div containing participant status | ||
| actions | styled(div) | Visible only if hideActions prop is false and task was initiated by the current agent | Container for actions that can be taken on a participant |
Static Properties#
| Name | Description | Type |
|---|---|---|
| Content | Dynamic content store | DynamicContentStore.<ParticipantCanvas.ParticipantCanvasChildrenProps> |
| ListItem | Dynamic content properties for List item | Object.<{Content: DynamicContentStore.<ParticipantCanvas.ParticipantCanvasChildrenProps>}> |
| Actions | Dynamic content properties for action buttons container | Object.<{Content: DynamicContentStore.<ParticipantCanvas.ParticipantCanvasChildrenProps>}> |
Component Properties
participant: ConferenceParticipantRepresents a single participant of a conference.
participantWidth: numberRepresents width of the participant container.
hideActions?: booleanIdentifies if the participant actions are hidden.
listMode?: booleanIdentifies if the participant are rendered in list mode.