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: ConferenceParticipant
Represents a single participant of a conference.
participantWidth: number
Represents width of the participant container.
hideActions?: boolean
Identifies if the participant actions are hidden.
listMode?: boolean
Identifies if the participant are rendered in list mode.