Function OtherGridComponent

OtherGridComponent is a React functional component that displays a grid container with customizable dimensions, background color, and optional timer.

This component serves as a flexible grid layout with the option to display a timer for meeting progress. Child components can be passed to populate the grid, making it versatile for various layout needs.

Component

Example

import React from 'react';
import { OtherGridComponent } from 'mediasfu-reactjs';

function App() {
  return (
    <OtherGridComponent
      backgroundColor="black"
      width={100}
      height={100}
      showAspect={true}
      timeBackgroundColor="white"
      showTimer={true}
      meetingProgressTime="10:00"
    >
      <ChildComponent />
    </OtherGridComponent>
  );
}

export default App;

Properties

propTypes? displayName?

Properties

OptionalpropTypes

propTypes?: any

Ignored by React.

Deprecated

Only kept in types for backwards compatibility. Will be removed in a future major release.

OptionaldisplayName

displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

See

Legacy React Docs

Example


const MyComponent: FC = () => {
  return <div>Hello!</div>
}

MyComponent.displayName = 'MyAwesomeComponent'

Settings

Member Visibility

On This Page

Properties