clippy-react
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published

Clippy React

React wrapper around ClippyJS

Installation

npm install --save clippy-react

Usage

Currently there's only a ref version of the Clippy component. A declarative version is in the works.

import { Clippy } from "clippy-react";

export const Demo = () => {
  const clippy = useRef<Clippy>();

  const onClippyLoad = () => {
    if(clippy.current){
      clippy.current.show();
      clippy.current.speak('Hello World');
      clippy.current.play('GetTechy');
    }
  }

  return (
    <>
      <h1>Hello World</h1>
      <Clippy name="Clippy" ref={clippy} onLoad={onClippyLoad}>
    </>;
  );
}

Screenshot

Clippy

/clippy-react/

    Package Sidebar

    Install

    npm i clippy-react

    Weekly Downloads

    23

    Version

    0.1.0

    License

    MIT

    Unpacked Size

    1.03 MB

    Total Files

    16

    Last publish

    Collaborators

    • luizchagas