Interface OtherGridComponentOptions

Configuration options for the OtherGridComponent.

OtherGridComponentOptions

Content:

interface OtherGridComponentOptions {
    backgroundColor: string;
    children: ReactNode;
    width: string | number;
    height: string | number;
    showAspect?: boolean;
    timeBackgroundColor?: string;
    showTimer: boolean;
    meetingProgressTime: string;
    style?: object;
    renderContent?: ((options: {
        defaultContent: ReactNode;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
    renderContainer?: ((options: {
        defaultContainer: ReactNode;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
}

Properties

backgroundColor children width height showAspect? timeBackgroundColor? showTimer meetingProgressTime style? renderContent? renderContainer?

Properties

backgroundColor

backgroundColor: string

Background color for the grid container

children

children: ReactNode

Child components to render inside the other grid (typically secondary video participants)

Dimensions:

width

width: string | number

Width of the grid container (number in pixels or string with units)

height

height: string | number

Height of the grid container (number in pixels or string with units)

Display Control:

OptionalshowAspect

showAspect?: boolean

Whether to show the grid container (false hides the entire grid)

Meeting Progress Timer:

OptionaltimeBackgroundColor

timeBackgroundColor?: string

Background color for the timer overlay

Styling:

showTimer

showTimer: boolean

Whether to display the meeting progress timer overlay

meetingProgressTime

meetingProgressTime: string

Time string to display on the timer (e.g., "12:34", "01:05:23")

Optionalstyle

style?: object

Additional custom styles to apply to the container

Advanced Render Overrides:

OptionalrenderContent

renderContent?: ((options: {
    defaultContent: ReactNode;
    dimensions: {
        width: number;
        height: number;
    };
}) => ReactNode)

Optional custom renderer for grid content (receives defaultContent and dimensions)

OptionalrenderContainer

renderContainer?: ((options: {
    defaultContainer: ReactNode;
    dimensions: {
        width: number;
        height: number;
    };
}) => ReactNode)

Optional custom renderer for outer container (receives defaultContainer and dimensions)

Settings

Member Visibility

On This Page

Properties