diff --git a/static/usage/v6/select/typeahead/angular/modal-example_component_ts.md b/static/usage/v6/select/typeahead/angular/modal-example_component_ts.md
index e1b536e723e..5631319f98c 100644
--- a/static/usage/v6/select/typeahead/angular/modal-example_component_ts.md
+++ b/static/usage/v6/select/typeahead/angular/modal-example_component_ts.md
@@ -60,7 +60,7 @@ export class TypeaheadComponent implements OnInit {
        */
       const normalizedQuery = searchQuery.toLowerCase(); 
       this.filteredItems = this.items.filter(item => {
-        return item.value.includes(normalizedQuery);
+        return item.text.toLowerCase().includes(normalizedQuery);
       });
     }
   }
diff --git a/static/usage/v6/select/typeahead/demo.html b/static/usage/v6/select/typeahead/demo.html
index 2f7410fb810..f4687ec9959 100644
--- a/static/usage/v6/select/typeahead/demo.html
+++ b/static/usage/v6/select/typeahead/demo.html
@@ -108,7 +108,7 @@
 
         const normalizedQuery = searchQuery.toLowerCase();
 
-        return fruits.filter(fruit => fruit.value.includes(normalizedQuery));
+        return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));
       }
 
       /**
diff --git a/static/usage/v6/select/typeahead/javascript.md b/static/usage/v6/select/typeahead/javascript.md
index 247c8ed10f2..c7aa9352267 100644
--- a/static/usage/v6/select/typeahead/javascript.md
+++ b/static/usage/v6/select/typeahead/javascript.md
@@ -94,7 +94,7 @@
 
     const normalizedQuery = searchQuery.toLowerCase();
 
-    return fruits.filter(fruit => fruit.value.includes(normalizedQuery));
+    return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));
   }
 
   /**
diff --git a/static/usage/v6/select/typeahead/react/typeahead_component_tsx.md b/static/usage/v6/select/typeahead/react/typeahead_component_tsx.md
index 1192f3bc2a3..0df268e172b 100644
--- a/static/usage/v6/select/typeahead/react/typeahead_component_tsx.md
+++ b/static/usage/v6/select/typeahead/react/typeahead_component_tsx.md
@@ -59,7 +59,7 @@ function AppTypeahead(props: TypeaheadProps) {
        */
       const normalizedQuery = searchQuery.toLowerCase();
       setFilteredItems(props.items.filter(item => {
-        return item.value.includes(normalizedQuery);
+        return item.text.toLowerCase().includes(normalizedQuery);
       }));
     }
   }
diff --git a/static/usage/v6/select/typeahead/vue/typeahead_component_vue.md b/static/usage/v6/select/typeahead/vue/typeahead_component_vue.md
index c49e7113678..e80c0fc09cd 100644
--- a/static/usage/v6/select/typeahead/vue/typeahead_component_vue.md
+++ b/static/usage/v6/select/typeahead/vue/typeahead_component_vue.md
@@ -89,7 +89,7 @@
            */
           const normalizedQuery = searchQuery.toLowerCase(); 
           filteredItems.value = props.items.filter(item => {
-            return item.value.includes(normalizedQuery);
+            return item.text.toLowerCase().includes(normalizedQuery);
           });
         }
       }
diff --git a/static/usage/v7/select/typeahead/angular/modal-example_component_ts.md b/static/usage/v7/select/typeahead/angular/modal-example_component_ts.md
index 129db1ed94b..5631319f98c 100644
--- a/static/usage/v7/select/typeahead/angular/modal-example_component_ts.md
+++ b/static/usage/v7/select/typeahead/angular/modal-example_component_ts.md
@@ -7,7 +7,7 @@ import { Item } from './types';
   selector: 'app-typeahead',
   templateUrl: 'typeahead.component.html',
 })
-export class TypeaheadComponentt implements OnInit {
+export class TypeaheadComponent implements OnInit {
   @Input() items: Item[] = [];
   @Input() selectedItems: string[] = [];
   @Input() title = 'Select Items';
@@ -60,7 +60,7 @@ export class TypeaheadComponentt implements OnInit {
        */
       const normalizedQuery = searchQuery.toLowerCase(); 
       this.filteredItems = this.items.filter(item => {
-        return item.value.includes(normalizedQuery);
+        return item.text.toLowerCase().includes(normalizedQuery);
       });
     }
   }
diff --git a/static/usage/v7/select/typeahead/demo.html b/static/usage/v7/select/typeahead/demo.html
index df815850f89..9fa9bb8e5af 100644
--- a/static/usage/v7/select/typeahead/demo.html
+++ b/static/usage/v7/select/typeahead/demo.html
@@ -13,7 +13,7 @@
   <body>
     <ion-app>
       <ion-content color="light">
-        <div class="container">
+        <div class="container">
           <ion-list inset="true">
             <ion-item button="true" detail="false" id="select-fruits">
               <ion-label>Favorite Fruits</ion-label>
@@ -108,7 +108,7 @@
 
         const normalizedQuery = searchQuery.toLowerCase();
 
-        return fruits.filter(fruit => fruit.value.includes(normalizedQuery));
+        return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));
       }
 
       /**
diff --git a/static/usage/v7/select/typeahead/javascript.md b/static/usage/v7/select/typeahead/javascript.md
index 9d5e5f7bc4a..51438ee8d84 100644
--- a/static/usage/v7/select/typeahead/javascript.md
+++ b/static/usage/v7/select/typeahead/javascript.md
@@ -94,7 +94,7 @@
 
     const normalizedQuery = searchQuery.toLowerCase();
 
-    return fruits.filter(fruit => fruit.value.includes(normalizedQuery));
+    return fruits.filter(fruit => fruit.text.toLowerCase().includes(normalizedQuery));
   }
 
   /**
diff --git a/static/usage/v7/select/typeahead/react/typeahead_component_tsx.md b/static/usage/v7/select/typeahead/react/typeahead_component_tsx.md
index 7c0f89d905e..c87cc1d926b 100644
--- a/static/usage/v7/select/typeahead/react/typeahead_component_tsx.md
+++ b/static/usage/v7/select/typeahead/react/typeahead_component_tsx.md
@@ -59,7 +59,7 @@ function AppTypeahead(props: TypeaheadProps) {
        */
       const normalizedQuery = searchQuery.toLowerCase();
       setFilteredItems(props.items.filter(item => {
-        return item.value.includes(normalizedQuery);
+        return item.text.toLowerCase().includes(normalizedQuery);
       }));
     }
   }
diff --git a/static/usage/v7/select/typeahead/vue/typeahead_component_vue.md b/static/usage/v7/select/typeahead/vue/typeahead_component_vue.md
index 486bb000586..07bac7f44e5 100644
--- a/static/usage/v7/select/typeahead/vue/typeahead_component_vue.md
+++ b/static/usage/v7/select/typeahead/vue/typeahead_component_vue.md
@@ -88,7 +88,7 @@
            */
           const normalizedQuery = searchQuery.toLowerCase(); 
           filteredItems.value = props.items.filter(item => {
-            return item.value.includes(normalizedQuery);
+            return item.text.toLowerCase().includes(normalizedQuery);
           });
         }
       }