creatorfy-clippy

Using Clippy and its friends in your React Application it has never been easier!

Instalation

Using yarn

yarn add creatorfy-clippy

Using npm

npm install --save creatorfy-clippy

Usage

import { useClippy, ClippyProvider } from "creatorfy-clippy";

const MyComponent = () => {
  const { clippy } = useClippy();

  return <Button onClick={() => clippy.play("Wave")}>Hello Clippy!</Button>;
};

const App = () => (
  <ClippyProvider>
    <MyComponent />
  </ClippyProvider>
);

Changing the Agent

import { AGENTS } from "creatorfy-clippy";

const App = () => (
  <ClippyProvider agentName={AGENTS.MERLIN}>
    <MyComponent />
  </ClippyProvider>
);

API and Special thanks

This package only exposes the brilliant job done in clippyjs project, which you can find all details you'll need.