diff --git a/docs/app/Examples/views/Statistic/Content/Labels.js b/docs/app/Examples/views/Statistic/Content/Labels.js
deleted file mode 100644
index f1604af424..0000000000
--- a/docs/app/Examples/views/Statistic/Content/Labels.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react'
-import { Statistic } from 'semantic-ui-react'
-
-const { Label, Value } = Statistic
-
-const Labels = () => (
-  <div>
-    <Statistic>
-      <Value>2,204</Value>
-      <Label>Views</Label>
-    </Statistic>
-
-    <Statistic>
-      <Value value='2,204' />
-      <Label label='Views' />
-    </Statistic>
-
-    <Statistic value='2,204' label='Views' />
-  </div>
-)
-
-export default Labels
diff --git a/docs/app/Examples/views/Statistic/Content/StatisticExampleLabels.js b/docs/app/Examples/views/Statistic/Content/StatisticExampleLabels.js
new file mode 100644
index 0000000000..4d8fe582e5
--- /dev/null
+++ b/docs/app/Examples/views/Statistic/Content/StatisticExampleLabels.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import { Statistic } from 'semantic-ui-react'
+
+const StatisticExampleLabels = () => (
+  <div>
+    <Statistic>
+      <Statistic.Value>2,204</Statistic.Value>
+      <Statistic.Label>Views</Statistic.Label>
+    </Statistic>
+
+    <Statistic>
+      <Statistic.Value value='2,204' />
+      <Statistic.Label label='Views' />
+    </Statistic>
+
+    <Statistic value='2,204' label='Views' />
+  </div>
+)
+
+export default StatisticExampleLabels
diff --git a/docs/app/Examples/views/Statistic/Content/Props.js b/docs/app/Examples/views/Statistic/Content/StatisticExampleProps.js
similarity index 88%
rename from docs/app/Examples/views/Statistic/Content/Props.js
rename to docs/app/Examples/views/Statistic/Content/StatisticExampleProps.js
index d5d30d9cd6..d5c45407ec 100644
--- a/docs/app/Examples/views/Statistic/Content/Props.js
+++ b/docs/app/Examples/views/Statistic/Content/StatisticExampleProps.js
@@ -8,7 +8,7 @@ const items = [
   { label: 'Team Members', value: '42' },
 ]
 
-const Props = () => (
+const StatisticExampleProps = () => (
   <div>
     <Statistic.Group>
       <Statistic label='Saves' value='22' />
@@ -21,4 +21,4 @@ const Props = () => (
   </div>
 )
 
-export default Props
+export default StatisticExampleProps
diff --git a/docs/app/Examples/views/Statistic/Content/StatisticExampleValues.js b/docs/app/Examples/views/Statistic/Content/StatisticExampleValues.js
new file mode 100644
index 0000000000..2b02f4a962
--- /dev/null
+++ b/docs/app/Examples/views/Statistic/Content/StatisticExampleValues.js
@@ -0,0 +1,37 @@
+import React from 'react'
+import { Icon, Image, Statistic } from 'semantic-ui-react'
+
+const StatisticExampleValues = () => (
+  <Statistic.Group>
+    <Statistic>
+      <Statistic.Value>22</Statistic.Value>
+      <Statistic.Label>Saves</Statistic.Label>
+    </Statistic>
+
+    <Statistic>
+      <Statistic.Value text>
+        Three<br />
+        Thousand
+      </Statistic.Value>
+      <Statistic.Label>Signups</Statistic.Label>
+    </Statistic>
+
+    <Statistic>
+      <Statistic.Value>
+        <Icon name='plane' />
+        5
+      </Statistic.Value>
+      <Statistic.Label>Flights</Statistic.Label>
+    </Statistic>
+
+    <Statistic>
+      <Statistic.Value>
+        <Image src='http://semantic-ui.com/images/avatar/small/joe.jpg' inline shape='circular' />
+        42
+      </Statistic.Value>
+      <Statistic.Label>Team Members</Statistic.Label>
+    </Statistic>
+  </Statistic.Group>
+)
+
+export default StatisticExampleValues
diff --git a/docs/app/Examples/views/Statistic/Content/Values.js b/docs/app/Examples/views/Statistic/Content/Values.js
deleted file mode 100644
index 31f343d023..0000000000
--- a/docs/app/Examples/views/Statistic/Content/Values.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react'
-import { Icon, Image, Statistic } from 'semantic-ui-react'
-
-const { Group, Label, Value } = Statistic
-
-const Values = () => (
-  <Group>
-    <Statistic>
-      <Value>22</Value>
-      <Label>Saves</Label>
-    </Statistic>
-
-    <Statistic>
-      <Value text>
-        Three<br />
-        Thousand
-      </Value>
-      <Label>Signups</Label>
-    </Statistic>
-
-    <Statistic>
-      <Value>
-        <Icon name='plane' />
-        5
-      </Value>
-      <Label>Flights</Label>
-    </Statistic>
-
-    <Statistic>
-      <Value>
-        <Image src='http://semantic-ui.com/images/avatar/small/joe.jpg' inline shape='circular' />
-        42
-      </Value>
-      <Label>Team Members</Label>
-    </Statistic>
-  </Group>
-)
-
-export default Values
diff --git a/docs/app/Examples/views/Statistic/Content/index.js b/docs/app/Examples/views/Statistic/Content/index.js
index a1cfd13be1..aae245cd6d 100644
--- a/docs/app/Examples/views/Statistic/Content/index.js
+++ b/docs/app/Examples/views/Statistic/Content/index.js
@@ -7,15 +7,15 @@ const Content = () => (
   <ExampleSection title='Content'>
     <ComponentExample
       title='Value'
-      description='A statistic can contain a numeric, icon, image, or text value'
-      examplePath='views/Statistic/Content/Values'
+      description='A statistic can contain a numeric, icon, image, or text value.'
+      examplePath='views/Statistic/Content/StatisticExampleValues'
     />
-    <ComponentExample examplePath='views/Statistic/Content/Props' />
+    <ComponentExample examplePath='views/Statistic/Content/StatisticExampleProps' />
 
     <ComponentExample
       title='Label'
-      description='A statistic can contain a label to help provide context for the presented value'
-      examplePath='views/Statistic/Content/Labels'
+      description='A statistic can contain a label to help provide context for the presented value.'
+      examplePath='views/Statistic/Content/StatisticExampleLabels'
     />
   </ExampleSection>
 )
diff --git a/docs/app/Examples/views/Statistic/Types/Groups.js b/docs/app/Examples/views/Statistic/Types/Groups.js
deleted file mode 100644
index a8f0d2a590..0000000000
--- a/docs/app/Examples/views/Statistic/Types/Groups.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react'
-import { Statistic } from 'semantic-ui-react'
-
-const { Group, Label, Value } = Statistic
-
-const items = [
-  { label: 'Faves', value: '22' },
-  { label: 'Views', value: '31,200' },
-  { label: 'Members', value: '22' },
-]
-
-const Groups = () => (
-  <div>
-    <Group>
-      <Statistic>
-        <Value>22</Value>
-        <Label>Faves</Label>
-      </Statistic>
-      <Statistic>
-        <Value>31,200</Value>
-        <Label>Views</Label>
-      </Statistic>
-      <Statistic label='Members' value='22' />
-    </Group>
-
-    <Group items={items} />
-  </div>
-)
-
-export default Groups
diff --git a/docs/app/Examples/views/Statistic/Types/BottomLabel.js b/docs/app/Examples/views/Statistic/Types/StatisticExampleBottomLabel.js
similarity index 75%
rename from docs/app/Examples/views/Statistic/Types/BottomLabel.js
rename to docs/app/Examples/views/Statistic/Types/StatisticExampleBottomLabel.js
index ef753014c1..8ec443e4cc 100644
--- a/docs/app/Examples/views/Statistic/Types/BottomLabel.js
+++ b/docs/app/Examples/views/Statistic/Types/StatisticExampleBottomLabel.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Statistic } from 'semantic-ui-react'
 
-const BottomLabel = () => (
+const StatisticExampleBottomLabel = () => (
   <div>
     <Statistic>
       <Statistic.Value>5,550</Statistic.Value>
@@ -12,4 +12,4 @@ const BottomLabel = () => (
   </div>
 )
 
-export default BottomLabel
+export default StatisticExampleBottomLabel
diff --git a/docs/app/Examples/views/Statistic/Types/StatisticExampleGroups.js b/docs/app/Examples/views/Statistic/Types/StatisticExampleGroups.js
new file mode 100644
index 0000000000..9e6e8e4f2a
--- /dev/null
+++ b/docs/app/Examples/views/Statistic/Types/StatisticExampleGroups.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import { Statistic } from 'semantic-ui-react'
+
+const items = [
+  { label: 'Faves', value: '22' },
+  { label: 'Views', value: '31,200' },
+  { label: 'Members', value: '22' },
+]
+
+const StatisticExampleGroups = () => (
+  <div>
+    <Statistic.Group>
+      <Statistic>
+        <Statistic.Value>22</Statistic.Value>
+        <Statistic.Label>Faves</Statistic.Label>
+      </Statistic>
+      <Statistic>
+        <Statistic.Value>31,200</Statistic.Value>
+        <Statistic.Label>Views</Statistic.Label>
+      </Statistic>
+      <Statistic label='Members' value='22' />
+    </Statistic.Group>
+
+    <Statistic.Group items={items} />
+  </div>
+)
+
+export default StatisticExampleGroups
diff --git a/docs/app/Examples/views/Statistic/Types/TopLabel.js b/docs/app/Examples/views/Statistic/Types/StatisticExampleTopLabel.js
similarity index 73%
rename from docs/app/Examples/views/Statistic/Types/TopLabel.js
rename to docs/app/Examples/views/Statistic/Types/StatisticExampleTopLabel.js
index bdbb34e69b..88b80e8a79 100644
--- a/docs/app/Examples/views/Statistic/Types/TopLabel.js
+++ b/docs/app/Examples/views/Statistic/Types/StatisticExampleTopLabel.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Statistic } from 'semantic-ui-react'
 
-const TopLabel = () => (
+const StatisticExampleTopLabel = () => (
   <div>
     <Statistic>
       <Statistic.Label>Views</Statistic.Label>
@@ -10,4 +10,4 @@ const TopLabel = () => (
   </div>
 )
 
-export default TopLabel
+export default StatisticExampleTopLabel
diff --git a/docs/app/Examples/views/Statistic/Types/index.js b/docs/app/Examples/views/Statistic/Types/index.js
index 1464853278..1d2572267e 100644
--- a/docs/app/Examples/views/Statistic/Types/index.js
+++ b/docs/app/Examples/views/Statistic/Types/index.js
@@ -7,15 +7,15 @@ const Types = () => (
   <ExampleSection title='Types'>
     <ComponentExample
       title='Statistic'
-      description='A statistic can display a value with a label above or below it'
-      examplePath='views/Statistic/Types/BottomLabel'
+      description='A statistic can display a value with a label above or below it.'
+      examplePath='views/Statistic/Types/StatisticExampleBottomLabel'
     />
-    <ComponentExample examplePath='views/Statistic/Types/TopLabel' />
+    <ComponentExample examplePath='views/Statistic/Types/StatisticExampleTopLabel' />
 
     <ComponentExample
       title='Statistic Group'
-      description='A group of statistics'
-      examplePath='views/Statistic/Types/Groups'
+      description='A group of statistics.'
+      examplePath='views/Statistic/Types/StatisticExampleGroups'
     />
   </ExampleSection>
 )
diff --git a/docs/app/Examples/views/Statistic/Variations/EvenlyDivided.js b/docs/app/Examples/views/Statistic/Variations/EvenlyDivided.js
deleted file mode 100644
index 49f051c755..0000000000
--- a/docs/app/Examples/views/Statistic/Variations/EvenlyDivided.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react'
-import { Icon, Image, Statistic } from 'semantic-ui-react'
-
-const { Group, Label, Value } = Statistic
-
-const EvenlyDivided = () => (
-  <Group widths='four'>
-    <Statistic>
-      <Value>22</Value>
-      <Label>Saves</Label>
-    </Statistic>
-
-    <Statistic>
-      <Value text>
-        Three
-        <br />Thousand
-      </Value>
-      <Label>Signups</Label>
-    </Statistic>
-
-    <Statistic>
-      <Value>
-        <Icon name='plane' />
-        5
-      </Value>
-      <Label>Flights</Label>
-    </Statistic>
-
-    <Statistic>
-      <Value>
-        <Image src='http://semantic-ui.com/images/avatar/small/joe.jpg' className='circular inline' />
-        42
-      </Value>
-      <Label>Team Members</Label>
-    </Statistic>
-  </Group>
-)
-
-export default EvenlyDivided
diff --git a/docs/app/Examples/views/Statistic/Variations/Horizontal.js b/docs/app/Examples/views/Statistic/Variations/Horizontal.js
deleted file mode 100644
index ddd7078fb9..0000000000
--- a/docs/app/Examples/views/Statistic/Variations/Horizontal.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from 'react'
-import { Statistic } from 'semantic-ui-react'
-
-const Horizontal = () => <Statistic horizontal value='2,204' label='Views' />
-
-export default Horizontal
diff --git a/docs/app/Examples/views/Statistic/Variations/Colored.js b/docs/app/Examples/views/Statistic/Variations/StatisticExampleColored.js
similarity index 90%
rename from docs/app/Examples/views/Statistic/Variations/Colored.js
rename to docs/app/Examples/views/Statistic/Variations/StatisticExampleColored.js
index 5487d697c2..29fb1263df 100644
--- a/docs/app/Examples/views/Statistic/Variations/Colored.js
+++ b/docs/app/Examples/views/Statistic/Variations/StatisticExampleColored.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Statistic } from 'semantic-ui-react'
 
-const Colored = () => (
+const StatisticExampleColored = () => (
   <Statistic.Group>
     <Statistic color='red' value='27' label='red' />
     <Statistic color='orange' value='8' label='orange' />
@@ -18,4 +18,4 @@ const Colored = () => (
   </Statistic.Group>
 )
 
-export default Colored
+export default StatisticExampleColored
diff --git a/docs/app/Examples/views/Statistic/Variations/StatisticExampleEvenlyDivided.js b/docs/app/Examples/views/Statistic/Variations/StatisticExampleEvenlyDivided.js
new file mode 100644
index 0000000000..f93220bd0a
--- /dev/null
+++ b/docs/app/Examples/views/Statistic/Variations/StatisticExampleEvenlyDivided.js
@@ -0,0 +1,37 @@
+import React from 'react'
+import { Icon, Image, Statistic } from 'semantic-ui-react'
+
+const StatisticExampleEvenlyDivided = () => (
+  <Statistic.Group widths='four'>
+    <Statistic>
+      <Statistic.Value>22</Statistic.Value>
+      <Statistic.Label>Saves</Statistic.Label>
+    </Statistic>
+
+    <Statistic>
+      <Statistic.Value text>
+        Three
+        <br />Thousand
+      </Statistic.Value>
+      <Statistic.Label>Signups</Statistic.Label>
+    </Statistic>
+
+    <Statistic>
+      <Statistic.Value>
+        <Icon name='plane' />
+        5
+      </Statistic.Value>
+      <Statistic.Label>Flights</Statistic.Label>
+    </Statistic>
+
+    <Statistic>
+      <Statistic.Value>
+        <Image src='http://semantic-ui.com/images/avatar/small/joe.jpg' className='circular inline' />
+        42
+      </Statistic.Value>
+      <Statistic.Label>Team Members</Statistic.Label>
+    </Statistic>
+  </Statistic.Group>
+)
+
+export default StatisticExampleEvenlyDivided
diff --git a/docs/app/Examples/views/Statistic/Variations/Floated.js b/docs/app/Examples/views/Statistic/Variations/StatisticExampleFloated.js
similarity index 95%
rename from docs/app/Examples/views/Statistic/Variations/Floated.js
rename to docs/app/Examples/views/Statistic/Variations/StatisticExampleFloated.js
index 929bad5269..d1f15dcc7e 100644
--- a/docs/app/Examples/views/Statistic/Variations/Floated.js
+++ b/docs/app/Examples/views/Statistic/Variations/StatisticExampleFloated.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Segment, Statistic } from 'semantic-ui-react'
 
-const Floated = () => (
+const StatisticExampleFloated = () => (
   <Segment>
     <Statistic floated='right' label='Views' value='2,204' />
 
@@ -32,4 +32,4 @@ const Floated = () => (
   </Segment>
 )
 
-export default Floated
+export default StatisticExampleFloated
diff --git a/docs/app/Examples/views/Statistic/Variations/StatisticExampleHorizontal.js b/docs/app/Examples/views/Statistic/Variations/StatisticExampleHorizontal.js
new file mode 100644
index 0000000000..1e65f154ac
--- /dev/null
+++ b/docs/app/Examples/views/Statistic/Variations/StatisticExampleHorizontal.js
@@ -0,0 +1,6 @@
+import React from 'react'
+import { Statistic } from 'semantic-ui-react'
+
+const StatisticExampleHorizontal = () => <Statistic horizontal value='2,204' label='Views' />
+
+export default StatisticExampleHorizontal
diff --git a/docs/app/Examples/views/Statistic/Variations/HorizontalGroup.js b/docs/app/Examples/views/Statistic/Variations/StatisticExampleHorizontalGroup.js
similarity index 60%
rename from docs/app/Examples/views/Statistic/Variations/HorizontalGroup.js
rename to docs/app/Examples/views/Statistic/Variations/StatisticExampleHorizontalGroup.js
index c9317c7908..3dbf31b908 100644
--- a/docs/app/Examples/views/Statistic/Variations/HorizontalGroup.js
+++ b/docs/app/Examples/views/Statistic/Variations/StatisticExampleHorizontalGroup.js
@@ -7,6 +7,6 @@ const items = [
   { label: 'Tasks', value: '22' },
 ]
 
-const HorizontalGroup = () => <Statistic.Group horizontal items={items} />
+const StatisticExampleHorizontalGroup = () => <Statistic.Group horizontal items={items} />
 
-export default HorizontalGroup
+export default StatisticExampleHorizontalGroup
diff --git a/docs/app/Examples/views/Statistic/Variations/Inverted.js b/docs/app/Examples/views/Statistic/Variations/StatisticExampleInverted.js
similarity index 92%
rename from docs/app/Examples/views/Statistic/Variations/Inverted.js
rename to docs/app/Examples/views/Statistic/Variations/StatisticExampleInverted.js
index c95e76982d..23894ac4b3 100644
--- a/docs/app/Examples/views/Statistic/Variations/Inverted.js
+++ b/docs/app/Examples/views/Statistic/Variations/StatisticExampleInverted.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Segment, Statistic } from 'semantic-ui-react'
 
-const Inverted = () => (
+const StatisticExampleInverted = () => (
   <Segment inverted>
     <Statistic inverted value='54' label='inverted' />
     <Statistic inverted color='red' value='27' label='red' />
@@ -19,4 +19,4 @@ const Inverted = () => (
   </Segment>
 )
 
-export default Inverted
+export default StatisticExampleInverted
diff --git a/docs/app/Examples/views/Statistic/Variations/Size.js b/docs/app/Examples/views/Statistic/Variations/StatisticExampleSize.js
similarity index 85%
rename from docs/app/Examples/views/Statistic/Variations/Size.js
rename to docs/app/Examples/views/Statistic/Variations/StatisticExampleSize.js
index 43f9c2cbd9..efceb9c2a6 100644
--- a/docs/app/Examples/views/Statistic/Variations/Size.js
+++ b/docs/app/Examples/views/Statistic/Variations/StatisticExampleSize.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Statistic } from 'semantic-ui-react'
 
-const Size = () => (
+const StatisticExampleSize = () => (
   <div>
     <Statistic size='mini' label='Views' value='2,204' />
     <Statistic size='tiny' label='Views' value='2,204' />
@@ -12,4 +12,4 @@ const Size = () => (
   </div>
 )
 
-export default Size
+export default StatisticExampleSize
diff --git a/docs/app/Examples/views/Statistic/Variations/SizeDivided.js b/docs/app/Examples/views/Statistic/Variations/StatisticExampleSizeDivided.js
similarity index 85%
rename from docs/app/Examples/views/Statistic/Variations/SizeDivided.js
rename to docs/app/Examples/views/Statistic/Variations/StatisticExampleSizeDivided.js
index 4239b809a0..31956aa43d 100644
--- a/docs/app/Examples/views/Statistic/Variations/SizeDivided.js
+++ b/docs/app/Examples/views/Statistic/Variations/StatisticExampleSizeDivided.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Divider, Statistic } from 'semantic-ui-react'
 
-const SizeDivided = () => (
+const StatisticExampleSizeDivided = () => (
   <div>
     <Statistic size='mini' label='Views' value='2,204' />
     <Divider />
@@ -22,4 +22,4 @@ const SizeDivided = () => (
   </div>
 )
 
-export default SizeDivided
+export default StatisticExampleSizeDivided
diff --git a/docs/app/Examples/views/Statistic/Variations/index.js b/docs/app/Examples/views/Statistic/Variations/index.js
index 869a08e667..ab41d1a219 100644
--- a/docs/app/Examples/views/Statistic/Variations/index.js
+++ b/docs/app/Examples/views/Statistic/Variations/index.js
@@ -7,41 +7,41 @@ const Variations = () => (
   <ExampleSection title='Variations'>
     <ComponentExample
       title='Horizontal Statistic'
-      description='A statistic can present its measurement horizontally'
-      examplePath='views/Statistic/Variations/Horizontal'
+      description='A statistic can present its measurement horizontally.'
+      examplePath='views/Statistic/Variations/StatisticExampleHorizontal'
     />
-    <ComponentExample examplePath='views/Statistic/Variations/HorizontalGroup' />
+    <ComponentExample examplePath='views/Statistic/Variations/StatisticExampleHorizontalGroup' />
 
     <ComponentExample
       title='Colored'
-      description='A statistic can be formatted to be different colors'
-      examplePath='views/Statistic/Variations/Colored'
+      description='A statistic can be formatted to be different colors.'
+      examplePath='views/Statistic/Variations/StatisticExampleColored'
     />
 
     <ComponentExample
       title='Inverted'
-      description='A statistic can be formatted to fit on a dark background'
-      examplePath='views/Statistic/Variations/Inverted'
+      description='A statistic can be formatted to fit on a dark background.'
+      examplePath='views/Statistic/Variations/StatisticExampleInverted'
     />
 
     <ComponentExample
       title='Evenly Divided'
-      description='A statistic group can have its items divided evenly'
-      examplePath='views/Statistic/Variations/EvenlyDivided'
+      description='A statistic group can have its items divided evenly.'
+      examplePath='views/Statistic/Variations/StatisticExampleEvenlyDivided'
     />
 
     <ComponentExample
       title='Floated'
-      description='An statistic can sit to the left or right of other content'
-      examplePath='views/Statistic/Variations/Floated'
+      description='An statistic can sit to the left or right of other content.'
+      examplePath='views/Statistic/Variations/StatisticExampleFloated'
     />
 
     <ComponentExample
       title='Size'
-      description='A statistic can vary in size'
-      examplePath='views/Statistic/Variations/Size'
+      description='A statistic can vary in size.'
+      examplePath='views/Statistic/Variations/StatisticExampleSize'
     />
-    <ComponentExample examplePath='views/Statistic/Variations/SizeDivided' />
+    <ComponentExample examplePath='views/Statistic/Variations/StatisticExampleSizeDivided' />
   </ExampleSection>
 )