Extensions

Press shift + S to search API reference.

React component

ViewportConstraint

View source

When mounted, this wrapper component applies size constraints to the Viewport. Like addMinSize, this will fullscreen the extension if necessary and possible when minSize is updated.

import {ViewportConstraint} from '@airtable/blocks/ui';
<ViewportConstraint minSize={{width: 400}} />
import {ViewportConstraint} from '@airtable/blocks/ui';
<ViewportConstraint maxFullScreenSize={{width: 600, height: 400}}>
<div>I need a max fullscreen size!</div>
</ViewportConstraint>

Props

interface ViewportConstraintProps
childrenReact.ReactNode

The contents of the viewport constraint.

maxFullscreenSizeViewportSizeConstraintProp

The maximum viewport size of the extension when it is in fullscreen mode.

minSizeViewportSizeConstraintProp

The minimum viewport size of the extension.