fix(dropdown): typo in example (#718)

contentful · Dec 17, 2020 · e057e93 · e057e93
1 parent 85e7806
commit e057e93
Showing 1 changed file with 29 additions and 29 deletions.
diff --git a/packages/forma-36-react-components/src/components/Dropdown/README.mdx b/packages/forma-36-react-components/src/components/Dropdown/README.mdx
@@ -37,10 +37,10 @@ function DropdownExample() {
       }
     >
       <DropdownList>
-        <DropdownListItem onClick="() => ()">
+        <DropdownListItem onClick={() => {}}>
           Dropdown list item 1
         </DropdownListItem>
-        <DropdownListItem onClick="() => ()">
+        <DropdownListItem onClick={() => {}}>
           Dropdown list item 2
         </DropdownListItem>
       </DropdownList>
@@ -73,10 +73,10 @@ function DropdownExample() {
     >
       <DropdownList>
         <DropdownListItem isTitle>Dropdown title</DropdownListItem>
-        <DropdownListItem onClick="() => ()">
+        <DropdownListItem onClick={() => {}}>
           Dropdown list item 1
         </DropdownListItem>
-        <DropdownListItem onClick="() => ()">
+        <DropdownListItem onClick={() => {}}>
           Dropdown list item 2
         </DropdownListItem>
       </DropdownList>
@@ -108,18 +108,18 @@ function DropdownExample() {
       }
     >
       <DropdownList>
-        <DropdownListItem onClick="() => ()">
+        <DropdownListItem onClick={() => {}}>
           Dropdown list item 1
         </DropdownListItem>
-        <DropdownListItem onClick="() => ()">
+        <DropdownListItem onClick={() => {}}>
           Dropdown list item 2
         </DropdownListItem>
       </DropdownList>
       <DropdownList border="top">
-        <DropdownListItem onClick="() => ()">
+        <DropdownListItem onClick={() => {}}>
           Dropdown list item 1
         </DropdownListItem>
-        <DropdownListItem onClick="() => ()">
+        <DropdownListItem onClick={() => {}}>
           Dropdown list item 2
         </DropdownListItem>
       </DropdownList>
@@ -152,9 +152,9 @@ function DropdownExample() {
       }
     >
       <DropdownList>
-        <DropdownListItem onClick="() => ()">Kitten</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Puppy</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Piglet</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Kitten</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Puppy</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Piglet</DropdownListItem>
       </DropdownList>
       <DropdownList border="top">
         <DropdownListItem>
@@ -190,24 +190,24 @@ function DropdownExample() {
       }
     >
       <DropdownList maxHeight={175}>
-        <DropdownListItem onClick="() => ()">Item 1</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 2</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 3</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 4</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 5</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 6</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 7</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 8</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 9</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 10</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 11</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 12</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 13</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 14</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 15</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 16</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 17</DropdownListItem>
-        <DropdownListItem onClick="() => ()">Item 18</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 1</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 2</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 3</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 4</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 5</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 6</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 7</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 8</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 9</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 10</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 11</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 12</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 13</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 14</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 15</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 16</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 17</DropdownListItem>
+        <DropdownListItem onClick={() => {}}>Item 18</DropdownListItem>
       </DropdownList>
     </Dropdown>
   );