app.js

import React from 'react'

import DocumentViewer from '@txtextcontrol/tx-react-document-viewer'

const signatureProps = { 
  showSignatureBar: true,
  signatureBoxName: 'txsign',
  redirectUrlAfterSignature: 'https://www.textcontrol.com',
  ownerName: 'Paul',
  signerName: "Jakob",
  signerInitials: "PK"
};

const App = () => {
  return <div>
    
    <p>DocumentViewer Sample</p>
  
    <DocumentViewer
      width= "800px"
      height ="500px"
      basePath = "https://backend.textcontrol.com?access-token=yourtoken"
      dock = "Fill"
      documentData = "SGkgdGhlcmU="
      documentPath = "test.docx"
      isSelectionActivated = {true}
      showThumbnailPane = {true}
      signatureSettings = {signatureProps}
      toolbarDocked = {true}
      resources = ""
    />

  </div>

}

export default App