Pre-Built React Component

Rather than building your own React component for your website, we've pre-built a CMD-K based component for you. This accomplishes the following:

  • Lets you get started with WOPR in just a few lines of code.
  • Provides a reference implementation of the WOPR API.

You can find the source code for the component here

To install the component, simply run the following command:

npm install @operandinc/react

Then, in your application code, you need to import our minified/stripped CSS:

import '@operandinc/react/dist/operand.css';

If you're using TailwindCSS, then you simply need to add the following to your tailwind.config.js file:

module.exports = {
  content: [
		....
    "./node_modules/@operandinc/react/dist/*.js",
  ],
	....
}

Some general notes on using the pre-built component:

  • Feedback will be automatically sent, and it's enabled by default. You can disable feedback by setting disableFeedback to true.
  • This component itself is early in development, and we expect bugs/issues. Please feel free to contribute / do PRs, we'll happily merge them for the benefit of all of our users!