Skip to Content
MaskInstallation & Usage

Install and use the Mask

An SVG mask that cover all the window contents except the one specified by certain position and sizes values

Install @reactour/mask 

npm i @reactour/mask

Usage

import { Mask } from '@reactour/mask'
 
function App() {
  const sizes = {
    width: 100,
    height: 100,
    top: 100,
    left: 100,
  }
 
  return (
    <>
      {/* ... */}
      <Mask sizes={sizes} />
    </>
  )
}
Last updated on
ExamplesMask props