Add more examples

priceline · Oct 24, 2024 · a212d2a · a212d2a
1 parent a8b87db
commit a212d2a
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/packages/core/src/Badge/Badge.stories.tsx b/packages/core/src/Badge/Badge.stories.tsx
@@ -108,11 +108,25 @@ ColorSchemesTemplate.args = {}
 
 export const WithIcon = () => {
   return (
-    <Badge colorScheme='neutralDarkOnLight' size='captionMedium' textTransform='capitalize' mr={1}>
-      <Flex>
-        <Trophy mr={1} size={16} />
-        <Text>Badge</Text>
-      </Flex>
-    </Badge>
+    <>
+      <Badge colorScheme='neutralDarkOnLight' size='captionMedium' textTransform='capitalize' m={3}>
+        <Flex>
+          <Trophy mr={1} size={16} />
+          <Text>Badge</Text>
+        </Flex>
+      </Badge>
+      <Badge colorScheme='neutralDarkOnLight' size='captionSmall' textTransform='capitalize' m={3}>
+        <Flex>
+          <Trophy mr={1} size={16} />
+          <Text>Badge</Text>
+        </Flex>
+      </Badge>
+      <Badge colorScheme='successDarkOnLight' size='captionMedium' textTransform='capitalize' m={3}>
+        <Flex>
+          <Trophy mr={1} size={16} />
+          <Text>Badge</Text>
+        </Flex>
+      </Badge>
+    </>
   )
 }