MainGridComponent is a React functional component that renders a main grid container with optional children components and a meeting progress timer.
import React from 'react';import { MainGridComponent } from 'mediasfu-reactjs';function App() { return ( <MainGridComponent backgroundColor="black" height={100} width={100} showAspect={true} timeBackgroundColor="white" showTimer={true} meetingProgressTime="10:00" > <ChildComponent /> </MainGridComponent> );}export default App; Copy
import React from 'react';import { MainGridComponent } from 'mediasfu-reactjs';function App() { return ( <MainGridComponent backgroundColor="black" height={100} width={100} showAspect={true} timeBackgroundColor="white" showTimer={true} meetingProgressTime="10:00" > <ChildComponent /> </MainGridComponent> );}export default App;
The properties for MainGridComponent.
The rendered main grid container with optional children and timer.
Optional
Ignored by React.
Only kept in types for backwards compatibility. Will be removed in a future major release.
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
Legacy React Docs
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent' Copy
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent'
MainGridComponent is a React functional component that renders a main grid container with optional children components and a meeting progress timer.
Component
Example