> ## Documentation Index
> Fetch the complete documentation index at: https://docs.centaur.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Mount a widget

> A feed and a positioning card on one page.

Each `mount` returns a handle. Keep it to update or remove that widget later.

**Sample**

```html theme={null}
<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>
```

**Live**

```html theme={null}
<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>
```


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.