Latest commit

History

Folders and files

Name		Name	Last commit message	Last commit date
demo/src		demo/src
src		src
tests		tests
.DS_Store		.DS_Store
.gitattributes		.gitattributes
.gitignore		.gitignore
Demo.png		Demo.png
LICENSE		LICENSE
README.md		README.md
jest.config.js		jest.config.js
jest.transform.js		jest.transform.js
nwb.config.js		nwb.config.js
package-lock.json		package-lock.json
package.json		package.json
react-testing-library.setup.js		react-testing-library.setup.js

Repository files navigation

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}>
 </>;
 );
}