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

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay