react-augumented-reality-widget
v0.1.0
Published
Add augmented reality to your webpage, store or online classroom.
Downloads
15
Maintainers
madismlReadme
react-augmented-reality-widget
A React component for integrating Mobi Lab's AR widget to a react app.
Contact Mobi Lab for more information.
Table of content
yarn add react-augmented-reality-widgetnpm i react-augmented-reality-widget
Dependency
Insert following script to <body> of your project's public/index.html.
<script src="https://arwidget.lab.mobi/ar-widget-dep.min.js"></script>Usage
import { ArWidget } from "react-augmented-reality-widget";
<ArWidget
product={"83e4c320-8360-4ec3-b672-27751218707e"}
audio={true}
lang={"en"}
width={360}
height={48}
/>;Props
Required
| Prop | Description | Type | Default |
| ----------------------- | -------------------------------------------------------------------------------------------------------------------- | -------- | ---------------------------------------- |
| product | UUID of your AR product. Contact Mobi Lab to get yours | String | Required |
| audio | If your product supports audio, you can enable or disable it in props | boolean | false |
| lang | Widget strings language code | String | en |
| width | Width in pixels for the button | Number | 360 |
| height | height in pixels for the button | Number | 48 |
Demo
Check demo at Mobi Lab