Add default Badge background color

nicolasfont · nicolasfont · commit a09f880485b5 · 2021-01-28T07:06:08.000-08:00
diff --git a/packages/visual-stack-docs/src/containers/Components/Docs/badge.js b/packages/visual-stack-docs/src/containers/Components/Docs/badge.js
@@ -16,6 +16,21 @@ export default () => (
               <Snippet tag="s1" src={snippets} />
             </Body>
           </Panel>
+          <Panel>
+            <Body>
+              {/* s4:start */}
+              <Box direction="row" gap="default">
+                <Badge>CJ Performer</Badge>
+                <Badge>CJ Spotlight</Badge>
+                <Badge>Content Certified</Badge>
+                <Badge>New to Network</Badge>
+                <Badge>SubAffiliate</Badge>
+              </Box>
+              {/* s4:end */}
+              <Snippet tag="s4" src={snippets} />
+            </Body>
+          </Panel>
+
           <Panel>
             <Body>
               {/* s2:start */}
diff --git a/packages/visual-stack/src/components/Badge/Badge.css b/packages/visual-stack/src/components/Badge/Badge.css
@@ -4,6 +4,7 @@
   line-height: 1rem;
   border-radius: 0.2rem;
   display: inline-block;
+  background-color: #6d7684;
   color: #ffffff;
   padding: 0.2rem 0.4rem;
   text-align: center;
