muchassak / clickme-website

Website for the ClickMe React library 🎈

🎈 ClickMe 🎈

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

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

• Docs on the official website
• Installation
• Usage/Examples

To see all of the available custom options and presets, click here. 👈