mount returns a handle. Keep it to update or remove that widget later.
- Sample
- Live
<div id="centaur-feed"></div>
<div id="centaur-positioning"></div>
<script src="https://widgets.centaur.io/v1/sdk.js" crossorigin="anonymous"></script>
<script>
const widget = CentaurWidgets.v1.mount(document.getElementById('centaur-feed'), {
kind: 'feed',
mode: 'sample',
selection: { assetIds: [900001] },
});
const positioning = CentaurWidgets.v1.mount(document.getElementById('centaur-positioning'), {
kind: 'positioning',
mode: 'sample',
selection: { assetId: 900001 },
});
// Call widget.destroy() and positioning.destroy() when you remove their containers.
</script>
<div id="centaur-feed"></div>
<div id="centaur-positioning"></div>
<script src="https://widgets.centaur.io/v1/sdk.js" crossorigin="anonymous"></script>
<script>
const widget = CentaurWidgets.v1.mount(document.getElementById('centaur-feed'), {
kind: 'feed',
mode: 'live',
widgetId: 'YOUR_WIDGET_ID',
selection: { assetIds: [1] },
});
const positioning = CentaurWidgets.v1.mount(document.getElementById('centaur-positioning'), {
kind: 'positioning',
mode: 'live',
widgetId: 'YOUR_WIDGET_ID',
selection: { assetId: 1 },
});
// Call widget.destroy() and positioning.destroy() when you remove their containers.
</script>