```
-**Component usage example:**
+#### Slots
+
+You'll get 2 slots: `elements` and `controls`.
+
+Each component you'll inject in these two slots:
+- will be rendered in a different container (depending on the slot).
+- will be able to get the Molstar plugin instance through Svelte's getContext(), like: `const plugin = getContext('molstar').getPlugin()`.
+
+The `inside` slot is injected in the same container as the Molstar's plugin canvas, while the `outside` slot is injected outside of it (but still in the container of `SimpleWrapper`).
+
+Typically, if you want to position a UI element on top of the canvas, you'll want to use the `elements` slot, while if you want to position a UI element outside of the canvas, you'll want to use the `controls` slot.
+
+In the example above, we're using `` to inject our components without an extra container/wrapping element, but you can use any element you want.
+
+
+
+### Loading the component in a page
+
+#### In a Sveltekit application
+
+As an in-browser and WEBGL-heavy toolkit, Molstar doesn't play well with SSR (Sever Side Rendering) and some flavors of SSG (Static Site Generation), so you'll need some extra work to run it smoothly in a Sveltekit application.
+
+For now, it's recommended to:
+- Create your own component in which you will compose the Molstar components (entry component / composition root).
+- Dynamically import this component in your page (using ``).
+
```svelte