react-convert-to-image

Plugin to allow the download of React components as html on event trigger with/without preview.

Install

    npm install --save react-convert-to-image

    yarn add react-convert-to-image

Usage

1. Add <div id="download-comp"> to the index.tsx file of your project e.g.

   //... imports here
    import convertToImage from 'react-convert-to-image';
   
   const app = (
     <>
       // any outer wrappers can be used here
       <App />
       <div id="download-comp"></div>
     </>
   );
   
   ReactDOM.render(app, document.getElementById('root'));
   serviceWorker.unregister();

2. Pass the relevant parameters to the downloadSnapshotOfComponentAs

await convertToImage({
  componentToConvert: <MockComponent />,
  type: 'png'
});

License

MIT © deestewie