React component to wrap Forge Viewer
Forge Viewer React Component
Enable using Autodesk Forge Viewer v7 as a Typed React component
Objective
- Use 2D or 3D Forge Viewer as declarative component.
- Leverage typescript usage to Improve Developers Experience.
- Seamless Integration of 3rd party UI components inside the viewer Canvas.
Usage
- include Autodesk Forge Viewer JS and CSS from Autodesk CDN in your index.html file. Here is the official documentation
-
CSS
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css" type="text/css" /> -
JS
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js"></script>
-
Install the wrapper component
npm install @lagarsoft/forge-viewer-react -
Import the component
import { ForgeViewer } from "@lagarsoft/forge-viewer-react" -
Use the component
<ForgeViewer urn={urn} accessToken={accessToken} />
demo.mp4
- Model by Pau from /slantis
How to contribute
PRs are welcome, also feel free to reach us Martin Daguerre (martin.daguerre@lagarsoft.com) and Pablo Gancharov (pablo.gancharov@lagarsoft.com)
Roadmap
- Enable 2D view via props
- Accept callback via props to get a reference of the viewer instance
- TBD