diff --git a/packages/embla-carousel-docs/src/content/pages/api/events.mdx b/packages/embla-carousel-docs/src/content/pages/api/events.mdx
index b1c32d16..8138b6c6 100644
--- a/packages/embla-carousel-docs/src/content/pages/api/events.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/api/events.mdx
@@ -66,7 +66,7 @@ export function EmblaCarousel() {
```html highlight={12}
+```
+
+
+
+
+```jsx highlight={5,9-12}
+import { createSignal } from 'solid-js'
+import createEmblaCarousel from 'embla-carousel-solid'
+
+export function EmblaCarousel() {
+ const [options, setOptions] = createSignal({ loop: true })
+ const [emblaRef] = createEmblaCarousel(() => options())
+
+ function toggleLoop() {
+ setOptions((currentOptions) => ({
+ ...currentOptions,
+ loop: !currentOptions.loop
+ }))
+ }
+
+ // ...
+}
+```
+
+
+
+
+```html highlight={7-10}
+
+
+...
+```
+
+
+
+
### TypeScript
The `EmblaOptionsType` is obtained directly from the **core package** `embla-carousel` and used like so:
diff --git a/packages/embla-carousel-docs/src/content/pages/api/plugins.mdx b/packages/embla-carousel-docs/src/content/pages/api/plugins.mdx
index 9c0a619d..3580e386 100644
--- a/packages/embla-carousel-docs/src/content/pages/api/plugins.mdx
+++ b/packages/embla-carousel-docs/src/content/pages/api/plugins.mdx
@@ -348,13 +348,13 @@ export function EmblaCarousel() {
```html highlight={9}