Interface MainScreenComponentOptions

interface MainScreenComponentOptions {
    children: ReactNode;
    mainSize: number;
    doStack: boolean;
    containerWidthFraction?: number;
    containerHeightFraction?: number;
    updateComponentSizes: ((sizes: ComponentSizes) => void);
    defaultFraction?: number;
    showControls: boolean;
    componentSizes: ComponentSizes;
    containerProps?: HTMLAttributes<HTMLDivElement>;
    renderChild?: ((options: {
        child: ReactElement<unknown, string | JSXElementConstructor<any>>;
        index: number;
        mainSize: number;
        isWideScreen: boolean;
        doStack: boolean;
        computedStyle: CSSProperties;
        componentSizes: ComponentSizes;
    }) => ReactNode);
    renderChildren?: ((options: {
        defaultChildren: ReactNode;
        isWideScreen: boolean;
        doStack: boolean;
        componentSizes: ComponentSizes;
    }) => ReactNode);
    renderContainer?: ((options: {
        defaultContainer: ReactNode;
        isWideScreen: boolean;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
}

Properties

children mainSize doStack containerWidthFraction? containerHeightFraction? updateComponentSizes defaultFraction? showControls componentSizes containerProps? renderChild? renderChildren? renderContainer?

Properties

children

children: ReactNode

mainSize

mainSize: number

doStack

doStack: boolean

OptionalcontainerWidthFraction

containerWidthFraction?: number

OptionalcontainerHeightFraction

containerHeightFraction?: number

updateComponentSizes

updateComponentSizes: ((sizes: ComponentSizes) => void)

OptionaldefaultFraction

defaultFraction?: number

showControls

showControls: boolean

componentSizes

componentSizes: ComponentSizes

OptionalcontainerProps

containerProps?: HTMLAttributes<HTMLDivElement>

OptionalrenderChild

renderChild?: ((options: {
    child: ReactElement<unknown, string | JSXElementConstructor<any>>;
    index: number;
    mainSize: number;
    isWideScreen: boolean;
    doStack: boolean;
    computedStyle: CSSProperties;
    componentSizes: ComponentSizes;
}) => ReactNode)

OptionalrenderChildren

renderChildren?: ((options: {
    defaultChildren: ReactNode;
    isWideScreen: boolean;
    doStack: boolean;
    componentSizes: ComponentSizes;
}) => ReactNode)

OptionalrenderContainer

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

Settings

Member Visibility

On This Page

Properties