Update examples

Shopify · Oct 13, 2023 · 0a8b378 · 0a8b378
1 parent 059caa9
commit 0a8b378
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git a/.changeset/heavy-rules-cheer.md 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/...ions-react/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.tsx b/...ions-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/...-extensions/src/surfaces/admin/components/ChoiceList/examples/basic-ChoiceList.example.ts b/...-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'},
         ]
       },
     );