add icons to dropdown docs

ensdomains · Sep 4, 2023 · fd143b0 · fd143b0
1 parent 994a98d
commit fd143b0
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/docs/src/reference/mdx/molecules/Dropdown.docs.mdx b/docs/src/reference/mdx/molecules/Dropdown.docs.mdx
@@ -71,6 +71,14 @@ import { Dropdown } from '@ensdomains/thorin'
         raw: 'boolean | Colors',
       },
     },
+    icon: {
+      name: 'icon',
+      description: 'An icon that leads the label.',
+      type: {
+        raw: 'ReactNode'
+      }
+    }
+
   }}
 />
 
@@ -266,3 +274,25 @@ import { Dropdown } from '@ensdomains/thorin'
   label="Custom"
 />
 ```
+
+## Items with icons
+
+```tsx live=true minHeight=300px
+<Dropdown
+  items={[
+    {
+      label: 'None',
+      onClick: () => null,
+      color: 'text',
+      icon: <DotGridSVG />,
+    },
+    {
+      label: 'Default',
+      onClick: () => null,
+      color: 'text',
+      icon: <CogSVG />,
+    },
+  ]}
+  label="Custom"
+/>
+```