explicitly name icon sizes

primer · Dec 2, 2024 · ffd9258 · ffd9258
1 parent 1938d8e
commit ffd9258
Showing 1 changed file with 3 additions and 9 deletions.
diff --git a/apps/docs/content/components/Icon.mdx b/apps/docs/content/components/Icon.mdx
@@ -66,15 +66,9 @@ import {Icon} from '@primer/react-brand'
 
 ```jsx live
 <Stack direction="vertical">
-  {namedIconSizes.map((size) => (
-    <Icon
-      key={size}
-      icon={CopilotIcon}
-      size={size}
-      color="green"
-      hasBackground
-    />
-  ))}
+  <Icon icon={CopilotIcon} size="small" />
+  <Icon icon={CopilotIcon} size="medium" />
+  <Icon icon={CopilotIcon} size="large" />
 </Stack>
 ```