<ReactFlashlight>
A <ReactFlashlight>
adds a flashlight effect to an element.
Installing
$ npm install react-flashlight
Exports
The default export is <ReactFlashlight>
.
To use it:
;
React Search Autocomplete Usage
;;;; const style = backgroundImage: `url()` height: "90vh" width: "90vw" { return <div className="App"> <header className="App-header"> <ReactFlashlight> <div style=style> Hello I am a child element </div> </ReactFlashlight> </header> </div> ; } ;
<ReactFlashlight>
Props:
//// Props:// // If true, the flashlight effect will be active (by default) enabled // Show or hide the cursor, defaults to false showCursor // Set the light size, defaults to 150px size // Set initial position, defaults to 0, 0 initialPosition // Move programmatically the light to a location {x: value, y: value} moveTo // The speed of the movement transition, defaults to 1000ms speed // Let the user control the light with the mouse, defaults to true enableMouse // The "room" darkness (opacity), defaults to 0.9 darkness
License
MIT