Variable defaultVideoGridStyles`Const`

defaultVideoGridStyles: VideoGridStyles = ...

Default style values for VideoGrid component.

Remarks

These values provide balanced defaults for various screen sizes and participant counts. The auto-calculated grid columns adapt to the number of participants for optimal space usage.

Example

import { defaultVideoGridStyles } from '@hiyve/react-ui';

// Create compact styles for embedded use
const compactStyles = {
  ...defaultVideoGridStyles,
  padding: 4,
  filmstripHeight: 80,
  filmstripTileWidth: 120,
};

Example

// Force a specific column count
<VideoGrid
  styles={{
    gridColumns: 4,
    transitionDuration: '0.5s',
  }}
/>

Variable defaultVideoGridStylesConst

Remarks

Example

Example

Settings

Variable defaultVideoGridStyles`Const`