VCS: useGrid()

useGrid(): Object Returns an object describing the composition’s base design grid. Learn more about grid units in the Layout API docs.

Return type

Property	Type	Description
`pixelsPerGridUnit`	`Number`	This is the scale factor that lets you translate grid units to output pixels

Sample code

Additional examples of usage for this custom hook can be found in the source code for the VCS SDK.

import * as React from 'react';
import { Text } from '#vcs-react/components';
import { useGrid } from '#vcs-react/hooks';

  const pxPerGu = useGrid().pixelsPerGridUnit;

  return <Text>There are {pxPerGu} pixels per grid unit</Text>;
}

useActiveVideo()useMediaInput()

Getting Started

Core Concepts

Components

Custom React Hooks

Tools

VCS: useGrid()

Return type

Sample code

​Return type

​Sample code

Return type

Sample code