Update src/content/design-system/components/autocomplete

WestpacGEL · Feb 7, 2024 · d9a1e2b · d9a1e2b
1 parent 029e96a
commit d9a1e2b
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/apps/site/src/content/design-system/components/autocomplete/design/sizes/content.mdoc b/apps/site/src/content/design-system/components/autocomplete/design/sizes/content.mdoc
@@ -18,14 +18,22 @@ size="small"
     Blue
   </AutocompleteItem>
 </Autocomplete>
-  <Autocomplete label="Medium example" size="medium" className="mb-6">
-    <AutocompleteItem key="red panda">Red Panda</AutocompleteItem>
-    <AutocompleteItem key="cat">Cat</AutocompleteItem>
-    <AutocompleteItem key="dog">Dog</AutocompleteItem>
-    <AutocompleteItem key="aardvark">Aardvark</AutocompleteItem>
-    <AutocompleteItem key="kangaroo">Kangaroo</AutocompleteItem>
-    <AutocompleteItem key="snake">Snake</AutocompleteItem>
-  </Autocomplete>
+<Autocomplete width="30" className="mb-6"
+  hintMessage="This is a medium autocomplete"
+  label="Label"
+  noOptionsMessage="No options"
+size="medium"
+>
+  <AutocompleteItem>
+    Green
+  </AutocompleteItem>
+  <AutocompleteItem>
+    Purple
+  </AutocompleteItem>
+  <AutocompleteItem>
+    Blue
+  </AutocompleteItem>
+</Autocomplete>
   <Autocomplete label="Large example" size="large" className="mb-6">
     <AutocompleteItem key="red panda">Red Panda</AutocompleteItem>
     <AutocompleteItem key="cat">Cat</AutocompleteItem>