MuchaSsak / clickme-website

Website for the ClickMe React library 🎈

Home Page:https://react-clickme.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🎈 ClickMe 🎈

A react library full of highly customizable and animated buttons out of the box

Preview of a few available animations

Quick installation and usage

  • NPM installation
npm i react-clickme
  • Importing in a React component
import ClickMe from "./components/global/clickmeButton";

export default function App() {
  return <ClickMe>Example text</ClickMe>;
}
  • Customization
import ClickMe from "./components/global/clickmeButton";

const clickmeProps = {
  ariaLabel: "my-btn",
  style: { fontWeight: "500", padding: "0.5rem 1rem" },
  primaryBgColor: "#3D7DF6",
  primaryTextColor: "#fff",
  secondaryBgColor: "#000",
  hoverType: "slideToRight",
  idleType: "pulse",
};

export default function App() {
  return <ClickMe {...clickmeProps}>Example text</ClickMe>;
}

Documentation

To see all of the available custom options and presets, click here. πŸ‘ˆ

ClickMe logo

About

Website for the ClickMe React library 🎈

https://react-clickme.vercel.app

License:MIT License


Languages

Language:TypeScript 94.1%Language:CSS 3.1%Language:JavaScript 2.0%Language:HTML 0.8%