react-ocl

React components integrating OpenChemLib.

Usage no npm install needed!

<script type="module">
  import reactOcl from 'https://cdn.skypack.dev/react-ocl';
</script>

README

react-ocl

React components integrating OpenChemLib.

These react component allows to display and edit molfile and smiles.

Zakodium logo

Maintained by Zakodium

NPM version build status npm download

Installation

npm install openchemlib react-ocl

Usage

import { SmilesSvgRenderer } from 'react-ocl';

function MyComponent() {
  return <SvgRenderer smiles="COCCOOOCO" />;
}

Which version of the library should I use?

This library is available in three versions, like openchemlib: react-ocl/minimal (also available as react-ocl), react-ocl/core and react-ocl/full.

  • If you only use the SvgRenderer component, you can choose any version, minimal being the smallest one.
  • If you want to use the StructureEditor component, you must import react-ocl/full.
  • If you are writing a library and want to allow your consumer to provide the OCL version for rendering, you must import react-ocl/base.

Documentation

See https://zakodium.github.io/react-ocl/ for detailed usage examples.