React Neon Docs

Effects / Light

The light effect puts a light at the center of the component.

Options

Option	What it does
startColor	Color at the center
endColor	Color at the edge

Example

Example Code

import Tile from "./components/Tile.js";
import withNeon, { fx } from "react-neon";

const effect = new fx.Light({
  startColor: 'hsla(0,100%,100%,0)',
  endColor: 'hsla(0,100%,0%,1)'
});
effect.listenMouse();

const Light = withNeon(Tile, effect);