From d9a1e2b6690be2988a3e1848423075a18e99efa4 Mon Sep 17 00:00:00 2001
From: KateMacdonald <ktmacdonald@westpac.com.au>
Date: Wed, 7 Feb 2024 13:22:04 +1100
Subject: [PATCH] Update src/content/design-system/components/autocomplete

---
 .../autocomplete/design/sizes/content.mdoc    | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 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
index d746a3c0c..7c9f4203c 100644
--- 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>