About

Eye Component follows mouse.

Usage

npm:

npm i react-eye

yarn:

yarn add react-eye

Getting started with react-eye

Here is an example of a basic app with Eye component:

import * as React from "react";
import Eye from "react-eye";

function App() {
return (
    <>
      <Eye
        white={{
          x: 150,
          y: 150,
        }}
        iris={{
          x: 100,
          y: 100,
          color: "chocolate",
        }}
      />
    </>
  )
}

props

|name|type|description| |-|-|-| |white|{ x: number; y: number; }|configuration for white part of eye, x is for vertical, y is for horizontal size| |iris|{ x: number; y: number; color?: string; }|configuration for iris. x is for vertical, y is for horizontal size, color for iris fill| |controlerRef|React.MutableRefObject<{ watch: (targetPosition: { x: number; y: number }) => void; }>| ref reception for controler, for now only "watch" will back.that make focus for target position specified| |throttleInterval|number|specify throttle interval for mouse trace|

also "style" and "className" are available for styling!

Contributing

Thanks so much for your interest! Any suggestion and pull requests are welcome!!

License

MIT