@sliit-wif/tailwind-plugin-animated-borders v1.0.1

@sliit-wif/tailwind-plugin-animated-borders

Add stylish animated borders to your buttons with this Tailwind CSS plugin!

Install

Using npm:

npm install --save @sliit-wif/tailwind-plugin-animated-borders

or using yarn:

yarn add @sliit-wif/tailwind-plugin-animated-borders

Usage

• Make sure you have Tailwind CSS set up in your project.

import { CustomButton } from '@sliit-wif/tailwind-plugin-animated-borders';

....

  <>

    <CustomButton> Click Me! </CustomButton/>

  </>

...

• Additional CSS:-

 @property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotate {
  to {
    --angle: 360deg;
  }
}

• Make sure to add this css code into your CSS file.