DEV Community

Rajshish Singh ♔
Rajshish Singh ♔

Posted on

Dragon-Eye npm package

Description
A simple npm package for eye icon like you can use it as password show hide etc , there is two component Eye and EyeOff that takes three params width height and colour ,thats make my package unique because you can costomize size even colour ;

feature
Password visibility toggle with the Eye and EyeOff components. Customizable size and color for a personalized user experience.

Installation
npm install dragon-eyeDescription
A simple npm package for eye icon like you can use it as password show hide etc , there is two component Eye and EyeOff that takes three params width height and colour ,thats make my package unique because you can costomize size even colour ;

feature
Password visibility toggle with the Eye and EyeOff components. Customizable size and color for a personalized user experience.

Installation
npm install dragon-eye

import
import {Eye , EyeOff } from "dragon-eye";

use
import {Eye , EyeOff} from 'dragon-eye'

#use component

<Eye width="20px" height="20px" colour="Hex , rgb "/>

<EyeOff width="20px" height="20px" colour="Hex , rgb "/>



Enter fullscreen mode Exit fullscreen mode

Top comments (0)