Configuration options for the BreakoutRoomsModal component.

BreakoutRoomsModalOptions

Modal Control:

interface BreakoutRoomsModalOptions {
    isVisible: boolean;
    onBreakoutRoomsClose: (() => void);
    parameters: BreakoutRoomsModalParameters;
    position?:
        | "topLeft"
        | "topRight"
        | "bottomLeft"
        | "bottomRight";
    backgroundColor?: string;
    style?: object;
    renderContent?: ((options: {
        defaultContent: Element;
        dimensions: {
            width: number;
            height: number;
        };
    }) => Element);
    renderContainer?: ((options: {
        defaultContainer: Element;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
}

Properties

isVisible: boolean

Controls modal visibility

onBreakoutRoomsClose: (() => void)

Callback when modal is closed

State Parameters:

Breakout rooms configuration and state

Customization:

position?:
    | "topLeft"
    | "topRight"
    | "bottomLeft"
    | "bottomRight"

Modal position on screen

backgroundColor?: string

Modal background color

style?: object

Additional custom styles for modal container

Advanced Render Overrides:

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

Custom render function for modal content

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

Custom render function for modal container