LayoutContextProvider
function LayoutContextProvider(__namedParameters): Element;Defined in: packages/react/src/components/layout/LayoutContextProvider.tsx:46
Note. This feature is experimental and may change or be removed based on developer feedback and real-world usage.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | LayoutContextProviderProps |
Returns
Element
Example
// Basic — wrap layout-aware controls.
<LayoutContextProvider>
<FocusToggle />
</LayoutContextProvider>
// Advanced — observe pin and widget state changes.
function ManagedLayout() {
const tracks = useTracks([{ source: Track.Source.Camera, withPlaceholder: true }]);
return (
<VoiceRoom agent={agent}>
<LayoutContextProvider onPinChange={setPinState} onWidgetChange={setWidgetState}>
<GridLayout tracks={tracks}><ParticipantTile><FocusToggle /></ParticipantTile></GridLayout>
</LayoutContextProvider>
</VoiceRoom>
);
}