react-ocl
v7.0.2
Published
React components integrating OpenChemLib
Downloads
1,719
Readme
react-ocl
React components integrating OpenChemLib.
These react component allows to display and edit molfile and smiles.
Installation
npm install openchemlib react-ocl
Usage
import { SmilesSvgRenderer } from 'react-ocl';
function MyComponent() {
return <SmilesSvgRenderer 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://react-ocl.pages.dev for detailed usage examples.