Module: Box

Renders a simple box component for containing width or height.

Parameters:

Name Type Description

props

object

Component props.

Name	Type	Description
`children`	JSX.Element	React element children.
`customAttributes`	object	Custom attributes for the component.
`customClasses`	string \| Array \| object	Custom classes for the component.
`display`	string	The display property for the box.
`setDisplay`	boolean	Whether to set the display property for the box.
`spacing`	string \| number \| Array \| object	The spacing for the component, as a string, number, array, or object.
`tagName`	string	The tagname for the box, defaults to `div`.
`unit`	string	The css units for the x and y props.
`x`	number	The width property.
`xProp`	string	The css property in react style syntax for the width, defaults to maxWidth.
`y`	number	The height property.
`yProp`	string	The css property in react style syntax for the height, defaults to minHeight.

ref

object | null

Ref to the component.

Returns:

The box component.

Example

import Box from '@gravityforms/components/react/admin/elements/Box';

return (
    <Box tagName="span">
        { 'children' }
    </Box>
);