1.0.17 • Published 10 months ago

@ruchiralk/buttons v1.0.17

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

Buttons (@ruchiralk/buttons)

@ruchiralk/buttons is an npm package that provides beautifully styled, responsive, and customizable buttons for your projects. Whether you need a simple button, a fancy button or an engaging like button, this package has you covered.

Animated-Button

1. Installation

To install the package, use the following command:

npm i @ruchiralk/buttons

2. Setup

Import the package's styles into your React application:

import '@ruchiralk/buttons';

Example:

Animated-Button

3. Use the buttons

Coding button

<button className="codingbutton">Hover Me</button>

Coding button 2

<button className="codingbutton2">Hover Me</button>

Color type button

<button class="colortypebutton">Hello World</button>

Cool-hover button

<button class="coolhover1">Button</button>

Cool-hover button 2

<button class="coolhover2">Button</button>

Cool-hover button 3

<button class="coolhover3">Button</button>

Cool-hover button 4

<button class="coolhover4">Button</button>

Cool-hover button 5

<button class="coolhover5">Button</button>

Like-button

<div class="like-button">
    <input class="on" id="heart" type="checkbox" />
    <label class="like" for="heart">
        <span class="like-icon"></span>
        <span class="like-text">Likes</span>
    </label>
        <span class="like-count one">53</span>
        <span class="like-count two">54</span>
</div>

Notofication button

<button class="notoficationbutton">
    <div class="bell"></div>
      Notifications
    <div class="arrow">›</div>
</button>

Fancy button

<button class="fancybutton">Hover Me</button>

Simple button 1

<button class="simplebutton">Hover Me</button>

Simple button 2

<button class="simplebutton2">Hover Me</button>

Simple button 3

<button class="simplebutton3">Hover Me</button>

Simple button 4

<button class="simplebutton4">Hover Me</button>

Simple button 5

<button class="simplebutton5">Hover Me</button>

Simple button 6

<button class="simplebutton6">Hover Me</button>

Simple button 7

<button class="simplebutton7">Hover Me</button>

✨Feedback

If you have any feedback, please reach me. www.ruchiralk.me | ruchiralkm@gmail.com

🔗 Links

portfolio linkedin twitter

1.0.17

10 months ago

1.0.16

10 months ago

1.0.15

10 months ago

1.0.14

10 months ago

1.0.13

10 months ago

1.0.12

10 months ago

1.0.11

10 months ago

1.0.10

10 months ago

1.0.9

10 months ago

1.0.8

10 months ago

1.0.7

10 months ago

1.0.6

10 months ago

1.0.5

10 months ago

1.0.4

10 months ago

1.0.3

10 months ago

1.0.2

10 months ago

1.0.0

10 months ago