ConnectionState
function ConnectionState(__namedParameters): Element;Defined in: packages/react/src/components/connection/ConnectionState.tsx:41
The ConnectionState component displays the connection status of the room as strings ("connected" | "connecting" | "disconnected" | "reconnecting").
Parameters
| Parameter | Type |
|---|---|
__namedParameters | ConnectionStateProps |
Returns
Element
Example
// Basic — display the current room connection state.
<VoiceRoom agent={agent}>
<ConnectionState />
</VoiceRoom>
// Advanced — pair the connection label with reconnect feedback.
function ConnectionBanner() {
return (
<VoiceRoom agent={agent}>
<ConnectionState />
<ConnectionStateToast />
<ControlBar variation="minimal" />
</VoiceRoom>
);
}