From 0a8b378aac8ecc98c9b2d8b4142618aa50082663 Mon Sep 17 00:00:00 2001
From: Mitch Lillie <mitch.lillie@shopify.com>
Date: Fri, 13 Oct 2023 12:24:35 -0700
Subject: [PATCH] Update examples

---
 .changeset/heavy-rules-cheer.md                           | 6 ++++++
 .../ChoiceList/examples/basic-ChoiceList.example.tsx      | 8 ++++----
 .../ChoiceList/examples/basic-ChoiceList.example.ts       | 8 ++++----
 3 files changed, 14 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/heavy-rules-cheer.md

diff --git a/.changeset/heavy-rules-cheer.md b/.changeset/heavy-rules-cheer.md
new file mode 100644
index 000000000..d0d776c7a
--- /dev/null
+++ b/.changeset/heavy-rules-cheer.md
@@ -0,0 +1,6 @@
+---
+'@shopify/ui-extensions': patch
+'@shopify/ui-extensions-react': patch
+---
+
+Add ChoiceList to admin
diff --git a/packages/ui-extensions-react/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.tsx b/packages/ui-extensions-react/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.tsx
index 6998b2e8a..f34899efe 100644
--- a/packages/ui-extensions-react/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.tsx
+++ b/packages/ui-extensions-react/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.tsx
@@ -5,11 +5,11 @@ render('Playground', () => <App />);
 function App() {
   return (
     <ChoiceList
-      title="Company name"
+      name="Company name"
       choices={[
-        {label: 'Hidden', value: 'hidden'},
-        {label: 'Optional', value: 'optional'},
-        {label: 'Required', value: 'required'},
+        {label: 'Hidden', id: '1'},
+        {label: 'Optional', id: '2'},
+        {label: 'Required', id: '3'},
       ]}
     />
   );
diff --git a/packages/ui-extensions/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.ts b/packages/ui-extensions/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.ts
index 47befc117..43b998eef 100644
--- a/packages/ui-extensions/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.ts
+++ b/packages/ui-extensions/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.ts
@@ -9,11 +9,11 @@ export default extension(
     const blockStack = root.createComponent(
       ChoiceList,
       {
-        title: 'Company name',
+        name: 'Company name',
         choices: [
-            {label: 'Hidden', value: 'hidden'},
-            {label: 'Optional', value: 'optional'},
-            {label: 'Required', value: 'required'},
+            {label: 'Hidden', id: '1'},
+            {label: 'Optional', id: '2'},
+            {label: 'Required', id: '3'},
         ]
       },
     );