GridOverlayDesignLayer

The GridOverlayDesignLayer component draws a grid of guidelines intended to serve as a visual positioning help for the user.

name	type	required	comment
ariaLabel	string	no
className	string	no
role	AriaRole	no
style	CSSProperties	no

Demo

Result

Loading...

Live Editor

function GridOverlayDesignLayerDemo() { return ( <DesignArea width={450} height={250} style={{ border: '1px solid black' }}> <GridOverlayDesignLayer /> </DesignArea> ); }

function GridOverlayDesignLayerDemo() {
    return (
        <DesignArea width={450} height={250} style={{ border: '1px solid black' }}>
            <GridOverlayDesignLayer />
        </DesignArea>
    );
}