@sudarshanaui/fancy-button 1.4.5

package/README.md

@@ -0,0 +1,11 @@
+# fancy button
+
+Generated by Sudarshana UI.
+
+## Usage
+
+```jsx
+import { fancybutton } from './fancybutton';
+
+<fancybutton />
+```

package/fancybutton.css

@@ -0,0 +1,21 @@
+.btn-anim {
+  padding: 12px 24px;
+  background: linear-gradient(25deg, #EF8B4A 50%, #FF6E64 40%);
+  color: white;
+  border: none;
+  border-radius: 25px;
+  cursor: wait;
+  font-size: 16px;
+  transition: transform 0.2s, box-shadow 0.2s;
+  box-shadow: 0 3px 5px 2px rgba(255, 105, 135, .3);
+}
+
+.btn-anim:hover {
+  transform: scale(1.05);
+  box-shadow: 0 3px 15px 2px rgba(255, 105, 135, .5);
+}
+
+.btn-anim:active {
+  transform: scale(0.95);
+}
+

package/fancybutton.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import './fancybutton.css';
+
+export const fancybutton = ({ label = "yo yes" }) => {
+  return (
+    <>
+      <button className="btn-anim">{label}</button>
+    </>
+  );
+};

package/index.js

@@ -0,0 +1 @@
+export * from './fancybutton';

package/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@sudarshanaui/fancy-button",
+  "version": "1.4.5",
+  "main": "index.js",
+  "peerDependencies": {
+    "react": ">=16"
+  }
+}