diff --git a/docs/pages/frameworks/svelte.md b/docs/pages/frameworks/svelte.md
index 0e11967b6..1f0526bd3 100644
--- a/docs/pages/frameworks/svelte.md
+++ b/docs/pages/frameworks/svelte.md
@@ -57,10 +57,19 @@ If you'd rather not use the CDN for assets, you can create a build task that cop
 One caveat is there's currently Svelte only supports `bind:value` directive in `<input>`, `<textarea>` and `<select>`, but you can still achieve two-way binding manually.
 
 ```jsx
-// This doesn't work
+// ❌ This doesn't work
 <sl-input bind:value="name"></sl-input>
-// This works, but it's a bit longer
-<sl-input value={name} oninput={event => message = event.target.value}></sl-input>
+<sl-select bind:value="job">
+  <sl-option value="designer">Designer</sl-option>
+  <sl-option value="developer">Developer</sl-option>
+</sl-select>
+
+// ✅ This is a bit longer, but it works
+<sl-input value={name} oninput={event => name = event.target.value}></sl-input>
+<sl-select value={job} onsl-change={event => job = event.target.value}>
+  <sl-option value="designer">Designer</sl-option>
+  <sl-option value="developer">Developer</sl-option>
+</sl-select>
 ```
 
 :::tip
diff --git a/docs/pages/frameworks/vue-2.md b/docs/pages/frameworks/vue-2.md
index cb4f61ba4..4c8872a10 100644
--- a/docs/pages/frameworks/vue-2.md
+++ b/docs/pages/frameworks/vue-2.md
@@ -67,9 +67,9 @@ When binding complex data such as objects and arrays, use the `.prop` modifier t
 One caveat is there's currently [no support for v-model on custom elements](https://github.com/vuejs/vue/issues/7830), but you can still achieve two-way binding manually.
 
 ```html
-<!-- This doesn't work -->
+<!-- ❌ This doesn't work -->
 <sl-input v-model="name"></sl-input>
-<!-- This works, but it's a bit longer -->
+<!-- ✅ This works, but it's a bit longer -->
 <sl-input :value="name" @input="name = $event.target.value"></sl-input>
 ```
 
diff --git a/docs/pages/frameworks/vue.md b/docs/pages/frameworks/vue.md
index bdb09c207..9b68117ca 100644
--- a/docs/pages/frameworks/vue.md
+++ b/docs/pages/frameworks/vue.md
@@ -100,9 +100,9 @@ When binding complex data such as objects and arrays, use the `.prop` modifier t
 One caveat is there's currently [no support for v-model on custom elements](https://github.com/vuejs/vue/issues/7830), but you can still achieve two-way binding manually.
 
 ```html
-<!-- This doesn't work -->
+<!-- ❌ This doesn't work -->
 <sl-input v-model="name"></sl-input>
-<!-- This works, but it's a bit longer -->
+<!-- ✅ This works, but it's a bit longer -->
 <sl-input :value="name" @input="name = $event.target.value"></sl-input>
 ```