customWidth
customWidth: number
customHeight
customHeight: number
componentsToRender
componentsToRender: ReactNode[]
showAspect
showAspect: boolean
OptionalbackgroundColor
backgroundColor?: string
OptionalScreenboard
Screenboard?: ReactNode
OptionalannotateScreenStream
annotateScreenStream?: boolean
OptionallocalStreamScreen
localStreamScreen?: MediaStream
OptionalcontainerProps
containerProps?: HTMLAttributes<HTMLDivElement>
OptionalrowProps
rowProps?: HTMLAttributes<HTMLDivElement>
OptionalcellProps
cellProps?: HTMLAttributes<HTMLDivElement>
OptionalscreenboardContainerProps
screenboardContainerProps?: HTMLAttributes<HTMLDivElement>
OptionalrenderCell
renderCell?: (
options: {
defaultCell: ReactNode;
component: ReactNode;
row: number;
column: number;
index: number;
},
) => ReactNode
OptionalrenderRow
renderRow?: (
options: { defaultRow: ReactNode; rowIndex: number; cells: ReactNode[] },
) => ReactNode
OptionalrenderGrid
renderGrid?: (
options: { defaultGrid: ReactNode; rows: ReactNode[] },
) => ReactNode
OptionalrenderScreenboard
renderScreenboard?: (options: { defaultScreenboard: ReactNode }) => ReactNode
OptionalisDarkMode
isDarkMode?: boolean
OptionalenableGlassmorphism
enableGlassmorphism?: boolean
OptionalcellBorderRadius
cellBorderRadius?: number
OptionalenableGlow
enableGlow?: boolean
Dark mode toggle (default: true) - Used by Modern UI components