simplified example

Author: bmdalex

docs/src/examples/components/Segment/Variations/SegmentExampleColor.shorthand.tsx

@@ -6,10 +6,7 @@ const SegmentExampleColor = () => (
   <ProviderConsumer
     render={({ siteVariables: { emphasisColors, naturalColors } }) =>
       _.keys({ ...emphasisColors, ...naturalColors }).map(color => (
-        <>
-          <Segment key={color} color={color} content={_.startCase(color)} inverted />
-          <br />
-        </>
+        <Segment key={color} color={color} content={_.startCase(color)} inverted />
       ))
     }
   />

docs/src/examples/components/Segment/Variations/SegmentExampleColor.tsx

@@ -6,12 +6,9 @@ const SegmentExampleColor = () => (
   <ProviderConsumer
     render={({ siteVariables: { emphasisColors, naturalColors } }) =>
       _.keys({ ...emphasisColors, ...naturalColors }).map(color => (
-        <>
-          <Segment key={color} color={color} inverted>
-            {_.startCase(color)}
-          </Segment>
-          <br />
-        </>
+        <Segment key={color} color={color} inverted>
+          {_.startCase(color)}
+        </Segment>
       ))
     }
   />