diff --git a/docs/components/content/examples/SelectMenuExampleSearchAttributes.vue b/docs/components/content/examples/SelectMenuExampleSearchAttributes.vue
index fba990a780..780fb45233 100644
--- a/docs/components/content/examples/SelectMenuExampleSearchAttributes.vue
+++ b/docs/components/content/examples/SelectMenuExampleSearchAttributes.vue
@@ -1,9 +1,10 @@
 <script setup>
 const options = [
-  { value: 'windows', label: 'Windows 11', aliases: 'microsoft' },
-  { value: 'mac', label: 'macOS Ventura', aliases: 'apple' },
-  { value: 'ubuntu', label: 'Ubuntu 23.10', aliases: ['canonical', 'linux'] },
-  { value: 'popos', label: 'Pop!_OS 22.04', aliases: ['system76', 'linux'] }
+  { id: 1, name: 'Wade Cooper', favoriteColors: ['red', 'yellow'] },
+  { id: 2, name: 'Arlene Mccoy', favoriteColors: ['blue', 'yellow'] },
+  { id: 3, name: 'Devon Webb', favoriteColors: ['black', 'blue'] },
+  { id: 4, name: 'Tom Cook', favoriteColors: ['yellow', 'blue'] },
+  { id: 5, name: 'Tanya Fox', favoriteColors: ['green', 'red'] }
 ]
 
 const selected = ref(options[1])
@@ -12,11 +13,18 @@ const selected = ref(options[1])
 <template>
   <USelectMenu
     v-model="selected"
+    :options="options"
     class="w-full lg:w-96"
-    placeholder="Select an operative system"
+    placeholder="Select an user"
     searchable
-    searchable-placeholder="Search an operative system by name or maintainer"
-    :options="options"
-    :search-attributes="['label', 'aliases']"
-  />
+    searchable-placeholder="Search by name or favorite colors"
+    option-attribute="name"
+    by="id"
+    :search-attributes="['name', 'favoriteColors']"
+  >
+    <template #option="{ option: person }">
+      <span v-for="color in person.favoriteColors" class="h-2 w-2 rounded-full mr-2" :class="`bg-${color}-500`" />
+      <span class="truncate">{{ person.name }}</span>
+    </template>
+  </USelectMenu>
 </template>
diff --git a/docs/content/3.forms/4.select-menu.md b/docs/content/3.forms/4.select-menu.md
index 58760932da..6ebbeb697f 100644
--- a/docs/content/3.forms/4.select-menu.md
+++ b/docs/content/3.forms/4.select-menu.md
@@ -101,7 +101,7 @@ props:
 
 #### Search Attributes
 
-Use the `search-attributes` with an array of property names to search on each option object.
+Use the `search-attributes` with an array of property names, or a list separated by comma, to search on each option object.
 
 Nested attributes can be accessed using `dot.notation`. Array and objects attributes are cast to string before search.