const options = [
  { label: 'Chocolate', value: 'chocolate' },
  { label: 'Vanilla', value: 'vanilla' },
  { label: 'Strawberry', value: 'strawberry' },
  { label: 'Caramel', value: 'caramel', disabled: true },
  { label: 'Cookies and Cream', value: 'cookiescream' },
  { label: 'Peppermint', value: 'peppermint' },
];

const groupedOptions = [
  {
    label: "Flavors",
    options: [
      { label: 'Chocolate', value: 'chocolate' },
      { label: 'Vanilla', value: 'vanilla' },
      { label: 'Strawberry', value: 'strawberry' },
    ]
  },
  {
    label: "Colors",
    options: [
      { label: 'Red', value: 'red' },
      { label: 'Green', value: 'green' },
      { label: 'Blue', value: 'blue' },
    ]
  }
];

export default options;
export {
  groupedOptions,
  options,
}

@@ -1,12 +1,189 @@
+import userAvatar1 from %22../avatars/1.png%22;%0Aimport userAvatar2 from %22../avatars/2.png%22;%0Aimport userAvatar3 from %22../avatars/3.png%22;%0Aimport userAvatar4 from %22../avatars/4.png%22;%0A%0A
 const option
@@ -364,17 +364,19 @@
 ramel', 
-d
+isD
 isabled:
@@ -493,16 +493,314 @@
  %7D,%0A%5D;%0A%0A
+const customOptions = %5B%0A  %7B label: 'Jane Smith', value: 'jane_smith', avatar: userAvatar1 %7D,%0A  %7B label: 'Jenny', value: 'jenny', avatar: userAvatar4, isDisabled: true %7D,%0A  %7B label: 'John Doe', value: 'john_doe', avatar: userAvatar2 %7D,%0A  %7B label: 'Molly', value: 'molly', avatar: userAvatar3 %7D,%0A%5D;%0A%0A
 const gr
@@ -945,24 +945,42 @@
 e: 'vanilla'
+, isDisabled: true
  %7D,%0A      %7B 
@@ -1232,16 +1232,16 @@
 ptions;%0A
-
 export %7B
@@ -1241,16 +1241,33 @@
 xport %7B%0A
+  customOptions,%0A
   groupe

Extend the static demo data with customOptions