Quickstart
Load the CDN bundle and open Model Viewer from HTML.
CDN Quickstart
Load the bundle and add a trigger element.
Bundle
<script
type="module"
src="https://cdn.jsdelivr.net/npm/@vizbl/model-viewer/dist/model-viewer.module.min.js"
></script>Trigger
<button
data-vizbl-model-viewer-dialog
data-vizbl-model-viewer-tinuuid="…"
>
Preview in 3D
</button>data-vizbl-model-viewer-tinuuid is required. data-vizbl-model-viewer-hid is optional.
Example
<script
type="module"
src="https://cdn.jsdelivr.net/npm/@vizbl/model-viewer/dist/model-viewer.module.min.js"
></script>
<button
data-vizbl-model-viewer-dialog
data-vizbl-model-viewer-tinuuid="…"
data-vizbl-model-viewer-hid="…"
>
Preview in 3D
</button>Next steps
- Open CDN Reference for the exact public API.
- Open Troubleshooting if the dialog does not open or the object does not load.