diff --git a/docs/app/Examples/collections/Table/States/TableActive.js b/docs/app/Examples/collections/Table/States/TableExampleActive.js
similarity index 94%
rename from docs/app/Examples/collections/Table/States/TableActive.js
rename to docs/app/Examples/collections/Table/States/TableExampleActive.js
index fee74d51dd..12bcbbf581 100644
--- a/docs/app/Examples/collections/Table/States/TableActive.js
+++ b/docs/app/Examples/collections/Table/States/TableExampleActive.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableActive = () => {
+const TableExampleActive = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -38,4 +38,4 @@ const TableActive = () => {
   )
 }
 
-export default TableActive
+export default TableExampleActive
diff --git a/docs/app/Examples/collections/Table/States/TableDisabled.js b/docs/app/Examples/collections/Table/States/TableExampleDisabled.js
similarity index 93%
rename from docs/app/Examples/collections/Table/States/TableDisabled.js
rename to docs/app/Examples/collections/Table/States/TableExampleDisabled.js
index 267dd42160..c282d3b100 100644
--- a/docs/app/Examples/collections/Table/States/TableDisabled.js
+++ b/docs/app/Examples/collections/Table/States/TableExampleDisabled.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableDisabled = () => {
+const TableExampleDisabled = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -38,4 +38,4 @@ const TableDisabled = () => {
   )
 }
 
-export default TableDisabled
+export default TableExampleDisabled
diff --git a/docs/app/Examples/collections/Table/States/TableError.js b/docs/app/Examples/collections/Table/States/TableExampleError.js
similarity index 94%
rename from docs/app/Examples/collections/Table/States/TableError.js
rename to docs/app/Examples/collections/Table/States/TableExampleError.js
index e3910284da..b19b256ee8 100644
--- a/docs/app/Examples/collections/Table/States/TableError.js
+++ b/docs/app/Examples/collections/Table/States/TableExampleError.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableError = () => {
+const TableExampleError = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableError = () => {
   )
 }
 
-export default TableError
+export default TableExampleError
diff --git a/docs/app/Examples/collections/Table/States/TablePositiveNegative.js b/docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js
similarity index 93%
rename from docs/app/Examples/collections/Table/States/TablePositiveNegative.js
rename to docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js
index a00e12961e..f2a9095539 100644
--- a/docs/app/Examples/collections/Table/States/TablePositiveNegative.js
+++ b/docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TablePositiveNegative = () => {
+const TableExamplePositiveNegative = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -44,4 +44,4 @@ const TablePositiveNegative = () => {
   )
 }
 
-export default TablePositiveNegative
+export default TableExamplePositiveNegative
diff --git a/docs/app/Examples/collections/Table/States/TableWarning.js b/docs/app/Examples/collections/Table/States/TableExampleWarning.js
similarity index 94%
rename from docs/app/Examples/collections/Table/States/TableWarning.js
rename to docs/app/Examples/collections/Table/States/TableExampleWarning.js
index 7ec8c8ff53..49650cb15d 100644
--- a/docs/app/Examples/collections/Table/States/TableWarning.js
+++ b/docs/app/Examples/collections/Table/States/TableExampleWarning.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableWarning = () => {
+const TableExampleWarning = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -44,4 +44,4 @@ const TableWarning = () => {
   )
 }
 
-export default TableWarning
+export default TableExampleWarning
diff --git a/docs/app/Examples/collections/Table/States/TableWarningShorthand.js b/docs/app/Examples/collections/Table/States/TableExampleWarningShorthand.js
similarity index 90%
rename from docs/app/Examples/collections/Table/States/TableWarningShorthand.js
rename to docs/app/Examples/collections/Table/States/TableExampleWarningShorthand.js
index 55f488bcb4..97591add9f 100644
--- a/docs/app/Examples/collections/Table/States/TableWarningShorthand.js
+++ b/docs/app/Examples/collections/Table/States/TableExampleWarningShorthand.js
@@ -27,10 +27,10 @@ const tableData = [
   { name: 'Jill', status: undefined, notes: undefined },
 ]
 
-const TableWarningShorthand = () => {
+const TableExampleWarningShorthand = () => {
   return (
     <Table celled headerRow={headerRow} renderBodyRow={renderBodyRow} tableData={tableData} />
   )
 }
 
-export default TableWarningShorthand
+export default TableExampleWarningShorthand
diff --git a/docs/app/Examples/collections/Table/States/index.js b/docs/app/Examples/collections/Table/States/index.js
index 2e33b1e288..d3c88013e6 100644
--- a/docs/app/Examples/collections/Table/States/index.js
+++ b/docs/app/Examples/collections/Table/States/index.js
@@ -8,33 +8,33 @@ const States = () => {
     <ExampleSection title='States'>
       <ComponentExample
         title='Positive / Negative'
-        description='A cell or row may let a user know whether a value is good or bad'
-        examplePath='collections/Table/States/TablePositiveNegative'
+        description='A cell or row may let a user know whether a value is good or bad.'
+        examplePath='collections/Table/States/TableExamplePositiveNegative'
       />
       <ComponentExample
         title='Error'
-        description='A cell or row may call attention to an error or a negative value'
-        examplePath='collections/Table/States/TableError'
+        description='A cell or row may call attention to an error or a negative value.'
+        examplePath='collections/Table/States/TableExampleError'
       />
       <ComponentExample
         title='Warning'
-        description='A cell or row may warn a user'
-        examplePath='collections/Table/States/TableWarning'
+        description='A cell or row may warn a user.'
+        examplePath='collections/Table/States/TableExampleWarning'
       />
       <ComponentExample
         title='Warning Shorthand'
-        description='Same as warning example but configured via shorthand'
-        examplePath='collections/Table/States/TableWarningShorthand'
+        description='Same as warning example but configured via shorthand.'
+        examplePath='collections/Table/States/TableExampleWarningShorthand'
       />
       <ComponentExample
         title='Active'
-        description='A cell or row can be active or selected by a user'
-        examplePath='collections/Table/States/TableActive'
+        description='A cell or row can be active or selected by a user.'
+        examplePath='collections/Table/States/TableExampleActive'
       />
       <ComponentExample
         title='Disabled'
-        description='A cell can be disabled'
-        examplePath='collections/Table/States/TableDisabled'
+        description='A cell can be disabled.'
+        examplePath='collections/Table/States/TableExampleDisabled'
       />
     </ExampleSection>
   )
diff --git a/docs/app/Examples/collections/Table/Types/TableApprove.js b/docs/app/Examples/collections/Table/Types/TableExampleApprove.js
similarity index 96%
rename from docs/app/Examples/collections/Table/Types/TableApprove.js
rename to docs/app/Examples/collections/Table/Types/TableExampleApprove.js
index ea31955534..3beb4a4c77 100644
--- a/docs/app/Examples/collections/Table/Types/TableApprove.js
+++ b/docs/app/Examples/collections/Table/Types/TableExampleApprove.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Checkbox, Icon, Table } from 'semantic-ui-react'
 
-const TableApprove = () => {
+const TableExampleApprove = () => {
   return (
     <Table compact celled definition>
       <Table.Header>
@@ -60,4 +60,4 @@ const TableApprove = () => {
   )
 }
 
-export default TableApprove
+export default TableExampleApprove
diff --git a/docs/app/Examples/collections/Table/Types/TableCollapsing.js b/docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js
similarity index 96%
rename from docs/app/Examples/collections/Table/Types/TableCollapsing.js
rename to docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js
index 98d5ed958b..c2ca12dab3 100644
--- a/docs/app/Examples/collections/Table/Types/TableCollapsing.js
+++ b/docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Image, Table } from 'semantic-ui-react'
 
-const TableCollapsing = () => {
+const TableExampleCollapsing = () => {
   return (
     <Table basic='very' celled collapsing>
       <Table.Header>
@@ -73,4 +73,4 @@ const TableCollapsing = () => {
   )
 }
 
-export default TableCollapsing
+export default TableExampleCollapsing
diff --git a/docs/app/Examples/collections/Table/Types/TableDefinition.js b/docs/app/Examples/collections/Table/Types/TableExampleDefinition.js
similarity index 91%
rename from docs/app/Examples/collections/Table/Types/TableDefinition.js
rename to docs/app/Examples/collections/Table/Types/TableExampleDefinition.js
index 43cc369860..81eae3b25f 100644
--- a/docs/app/Examples/collections/Table/Types/TableDefinition.js
+++ b/docs/app/Examples/collections/Table/Types/TableExampleDefinition.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableDefinition = () => {
+const TableExampleDefinition = () => {
   return (
     <Table definition>
       <Table.Header>
@@ -28,4 +28,4 @@ const TableDefinition = () => {
   )
 }
 
-export default TableDefinition
+export default TableExampleDefinition
diff --git a/docs/app/Examples/collections/Table/Types/TablePadded.js b/docs/app/Examples/collections/Table/Types/TableExamplePadded.js
similarity index 96%
rename from docs/app/Examples/collections/Table/Types/TablePadded.js
rename to docs/app/Examples/collections/Table/Types/TableExamplePadded.js
index 9bcae66622..e160a0d3e5 100644
--- a/docs/app/Examples/collections/Table/Types/TablePadded.js
+++ b/docs/app/Examples/collections/Table/Types/TableExamplePadded.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Table, Rating } from 'semantic-ui-react'
 
-const TablePadded = () => {
+const TableExamplePadded = () => {
   return (
     <Table celled padded>
       <Table.Header>
@@ -54,4 +54,4 @@ const TablePadded = () => {
   )
 }
 
-export default TablePadded
+export default TableExamplePadded
diff --git a/docs/app/Examples/collections/Table/Types/TablePagination.js b/docs/app/Examples/collections/Table/Types/TableExamplePagination.js
similarity index 95%
rename from docs/app/Examples/collections/Table/Types/TablePagination.js
rename to docs/app/Examples/collections/Table/Types/TableExamplePagination.js
index 3007acaee2..2ce85c0f2d 100644
--- a/docs/app/Examples/collections/Table/Types/TablePagination.js
+++ b/docs/app/Examples/collections/Table/Types/TableExamplePagination.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Label, Menu, Table } from 'semantic-ui-react'
 
-const TablePagination = () => {
+const TableExamplePagination = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -54,4 +54,4 @@ const TablePagination = () => {
   )
 }
 
-export default TablePagination
+export default TableExamplePagination
diff --git a/docs/app/Examples/collections/Table/Types/TableStriped.js b/docs/app/Examples/collections/Table/Types/TableExampleStriped.js
similarity index 95%
rename from docs/app/Examples/collections/Table/Types/TableStriped.js
rename to docs/app/Examples/collections/Table/Types/TableExampleStriped.js
index af89ec957d..ba84b4df35 100644
--- a/docs/app/Examples/collections/Table/Types/TableStriped.js
+++ b/docs/app/Examples/collections/Table/Types/TableExampleStriped.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableStriped = () => {
+const TableExampleStriped = () => {
   return (
     <Table celled striped>
       <Table.Header>
@@ -51,4 +51,4 @@ const TableStriped = () => {
   )
 }
 
-export default TableStriped
+export default TableExampleStriped
diff --git a/docs/app/Examples/collections/Table/Types/TableStructured.js b/docs/app/Examples/collections/Table/Types/TableExampleStructured.js
similarity index 96%
rename from docs/app/Examples/collections/Table/Types/TableStructured.js
rename to docs/app/Examples/collections/Table/Types/TableExampleStructured.js
index d78aedc223..d40e63fc21 100644
--- a/docs/app/Examples/collections/Table/Types/TableStructured.js
+++ b/docs/app/Examples/collections/Table/Types/TableExampleStructured.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableStructured = () => {
+const TableExampleStructured = () => {
   return (
     <Table celled structured>
       <Table.Header>
@@ -62,4 +62,4 @@ const TableStructured = () => {
   )
 }
 
-export default TableStructured
+export default TableExampleStructured
diff --git a/docs/app/Examples/collections/Table/Types/index.js b/docs/app/Examples/collections/Table/Types/index.js
index de5595e929..129e894395 100644
--- a/docs/app/Examples/collections/Table/Types/index.js
+++ b/docs/app/Examples/collections/Table/Types/index.js
@@ -8,24 +8,24 @@ const Types = () => {
     <ExampleSection title='Types'>
       <ComponentExample
         title='Types'
-        description='A standard table'
-        examplePath='collections/Table/Types/TablePagination'
+        description='A standard table.'
+        examplePath='collections/Table/Types/TableExamplePagination'
       />
-      <ComponentExample examplePath='collections/Table/Types/TablePadded' />
-      <ComponentExample examplePath='collections/Table/Types/TableCollapsing' />
-      <ComponentExample examplePath='collections/Table/Types/TableStriped' />
+      <ComponentExample examplePath='collections/Table/Types/TableExamplePadded' />
+      <ComponentExample examplePath='collections/Table/Types/TableExampleCollapsing' />
+      <ComponentExample examplePath='collections/Table/Types/TableExampleStriped' />
 
       <ComponentExample
         title='Definition'
-        description='A table may be formatted to emphasize a first column that defines a rows content'
-        examplePath='collections/Table/Types/TableDefinition'
+        description='A table may be formatted to emphasize a first column that defines a row content.'
+        examplePath='collections/Table/Types/TableExampleDefinition'
       />
-      <ComponentExample examplePath='collections/Table/Types/TableApprove' />
+      <ComponentExample examplePath='collections/Table/Types/TableExampleApprove' />
 
       <ComponentExample
         title='Structured'
-        description='A table can be formatted to display complex structured data'
-        examplePath='collections/Table/Types/TableStructured'
+        description='A table can be formatted to display complex structured data.'
+        examplePath='collections/Table/Types/TableExampleStructured'
       />
     </ExampleSection>
   )
diff --git a/docs/app/Examples/collections/Table/Variations/TableBasic.js b/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js
similarity index 93%
rename from docs/app/Examples/collections/Table/Variations/TableBasic.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleBasic.js
index 01f9f61683..4a32ef7e64 100644
--- a/docs/app/Examples/collections/Table/Variations/TableBasic.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleBasic.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableBasic = () => {
+const TableExampleBasic = () => {
   return (
     <Table basic>
       <Table.Header>
@@ -33,4 +33,4 @@ const TableBasic = () => {
   )
 }
 
-export default TableBasic
+export default TableExampleBasic
diff --git a/docs/app/Examples/collections/Table/Variations/TableCelled.js b/docs/app/Examples/collections/Table/Variations/TableExampleCelled.js
similarity index 94%
rename from docs/app/Examples/collections/Table/Variations/TableCelled.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleCelled.js
index bfc2a5e86c..830e12e6ed 100644
--- a/docs/app/Examples/collections/Table/Variations/TableCelled.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleCelled.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableCelled = () => {
+const TableExampleCelled = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableCelled = () => {
   )
 }
 
-export default TableCelled
+export default TableExampleCelled
diff --git a/docs/app/Examples/collections/Table/Variations/TableCollapsing.js b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js
similarity index 93%
rename from docs/app/Examples/collections/Table/Variations/TableCollapsing.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js
index 65a0ac1407..eceaa2a313 100644
--- a/docs/app/Examples/collections/Table/Variations/TableCollapsing.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableCollapsing = () => {
+const TableExampleCollapsing = () => {
   return (
     <Table collapsing>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableCollapsing = () => {
   )
 }
 
-export default TableCollapsing
+export default TableExampleCollapsing
diff --git a/docs/app/Examples/collections/Table/Variations/TableCollapsingCell.js b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js
similarity index 91%
rename from docs/app/Examples/collections/Table/Variations/TableCollapsingCell.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js
index 7a73808330..b676c07e06 100644
--- a/docs/app/Examples/collections/Table/Variations/TableCollapsingCell.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableCollapsingCell = () => {
+const TableExampleCollapsingCell = () => {
   return (
     <Table>
       <Table.Body>
@@ -34,4 +34,4 @@ const TableCollapsingCell = () => {
   )
 }
 
-export default TableCollapsingCell
+export default TableExampleCollapsingCell
diff --git a/docs/app/Examples/collections/Table/Variations/TableColors.js b/docs/app/Examples/collections/Table/Variations/TableExampleColors.js
similarity index 93%
rename from docs/app/Examples/collections/Table/Variations/TableColors.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleColors.js
index d7e718cc29..76a12b840e 100644
--- a/docs/app/Examples/collections/Table/Variations/TableColors.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleColors.js
@@ -5,7 +5,7 @@ const colors = [
   'red', 'orange', 'yellow', 'olive', 'green', 'teal', 'blue', 'violet', 'purple', 'pink', 'brown', 'grey', 'black',
 ]
 
-const TableColors = () => (
+const TableExampleColors = () => (
   <div>
     {colors.map(color => (
       <Table color={color} key={color}>
@@ -33,4 +33,4 @@ const TableColors = () => (
     ))}
   </div>
 )
-export default TableColors
+export default TableExampleColors
diff --git a/docs/app/Examples/collections/Table/Variations/TableColumnCount.js b/docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js
similarity index 95%
rename from docs/app/Examples/collections/Table/Variations/TableColumnCount.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js
index 288b7a7d67..20cbc75891 100644
--- a/docs/app/Examples/collections/Table/Variations/TableColumnCount.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableColumnCount = () => {
+const TableExampleColumnCount = () => {
   return (
     <Table columns={5}>
       <Table.Header>
@@ -51,4 +51,4 @@ const TableColumnCount = () => {
   )
 }
 
-export default TableColumnCount
+export default TableExampleColumnCount
diff --git a/docs/app/Examples/collections/Table/Variations/TableColumnWidth.js b/docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js
similarity index 92%
rename from docs/app/Examples/collections/Table/Variations/TableColumnWidth.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js
index 6eec54f147..979c0602eb 100644
--- a/docs/app/Examples/collections/Table/Variations/TableColumnWidth.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableColumnWidth = () => {
+const TableExampleColumnWidth = () => {
   return (
     <Table>
       <Table.Header>
@@ -36,4 +36,4 @@ const TableColumnWidth = () => {
   )
 }
 
-export default TableColumnWidth
+export default TableExampleColumnWidth
diff --git a/docs/app/Examples/collections/Table/Variations/TableCompact.js b/docs/app/Examples/collections/Table/Variations/TableExampleCompact.js
similarity index 96%
rename from docs/app/Examples/collections/Table/Variations/TableCompact.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleCompact.js
index 91dfd7d05f..7f83734fb2 100644
--- a/docs/app/Examples/collections/Table/Variations/TableCompact.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleCompact.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableCompact = () => {
+const TableExampleCompact = () => {
   return (
     <Table compact>
       <Table.Header>
@@ -58,4 +58,4 @@ const TableCompact = () => {
   )
 }
 
-export default TableCompact
+export default TableExampleCompact
diff --git a/docs/app/Examples/collections/Table/Variations/TableFixed.js b/docs/app/Examples/collections/Table/Variations/TableExampleFixed.js
similarity index 95%
rename from docs/app/Examples/collections/Table/Variations/TableFixed.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleFixed.js
index f8ed47570e..f739fdb954 100644
--- a/docs/app/Examples/collections/Table/Variations/TableFixed.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleFixed.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableFixed = () => {
+const TableExampleFixed = () => {
   return (
     <Table fixed>
       <Table.Header>
@@ -39,4 +39,4 @@ const TableFixed = () => {
   )
 }
 
-export default TableFixed
+export default TableExampleFixed
diff --git a/docs/app/Examples/collections/Table/Variations/TableFixedLine.js b/docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js
similarity index 94%
rename from docs/app/Examples/collections/Table/Variations/TableFixedLine.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js
index f457d77438..c499f8988c 100644
--- a/docs/app/Examples/collections/Table/Variations/TableFixedLine.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleFixedLine.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableFixedLine = () => {
+const TableExampleFixedLine = () => {
   return (
     <Table celled fixed singleLine>
       <Table.Header>
@@ -43,4 +43,4 @@ const TableFixedLine = () => {
   )
 }
 
-export default TableFixedLine
+export default TableExampleFixedLine
diff --git a/docs/app/Examples/collections/Table/Variations/TableFullWidth.js b/docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js
similarity index 96%
rename from docs/app/Examples/collections/Table/Variations/TableFullWidth.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js
index 82ae1d19b9..03d024263a 100644
--- a/docs/app/Examples/collections/Table/Variations/TableFullWidth.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleFullWidth.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Checkbox, Icon, Table } from 'semantic-ui-react'
 
-const TableFullWidth = () => {
+const TableExampleFullWidth = () => {
   return (
     <Table celled compact definition>
       <Table.Header fullWidth>
@@ -60,4 +60,4 @@ const TableFullWidth = () => {
   )
 }
 
-export default TableFullWidth
+export default TableExampleFullWidth
diff --git a/docs/app/Examples/collections/Table/Variations/TableInverted.js b/docs/app/Examples/collections/Table/Variations/TableExampleInverted.js
similarity index 93%
rename from docs/app/Examples/collections/Table/Variations/TableInverted.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleInverted.js
index 97cdfb2f90..9637099cbd 100644
--- a/docs/app/Examples/collections/Table/Variations/TableInverted.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleInverted.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableInverted = () => {
+const TableExampleInverted = () => {
   return (
     <Table inverted>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableInverted = () => {
   )
 }
 
-export default TableInverted
+export default TableExampleInverted
diff --git a/docs/app/Examples/collections/Table/Variations/TableInvertedColors.js b/docs/app/Examples/collections/Table/Variations/TableExampleInvertedColors.js
similarity index 91%
rename from docs/app/Examples/collections/Table/Variations/TableInvertedColors.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleInvertedColors.js
index cf7954af50..c0a7611227 100644
--- a/docs/app/Examples/collections/Table/Variations/TableInvertedColors.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleInvertedColors.js
@@ -5,7 +5,7 @@ const colors = [
   'red', 'orange', 'yellow', 'olive', 'green', 'teal', 'blue', 'violet', 'purple', 'pink', 'brown', 'grey', 'black',
 ]
 
-const TableInvertedColors = () => (
+const TableExampleInvertedColors = () => (
   <div>
     {colors.map(color => (
       <Table color={color} key={color} inverted>
@@ -34,4 +34,4 @@ const TableInvertedColors = () => (
   </div>
 )
 
-export default TableInvertedColors
+export default TableExampleInvertedColors
diff --git a/docs/app/Examples/collections/Table/Variations/TableLarge.js b/docs/app/Examples/collections/Table/Variations/TableExampleLarge.js
similarity index 94%
rename from docs/app/Examples/collections/Table/Variations/TableLarge.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleLarge.js
index 5ff2c49fcc..b6782f514d 100644
--- a/docs/app/Examples/collections/Table/Variations/TableLarge.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleLarge.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableLarge = () => {
+const TableExampleLarge = () => {
   return (
     <Table size='large'>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableLarge = () => {
   )
 }
 
-export default TableLarge
+export default TableExampleLarge
diff --git a/docs/app/Examples/collections/Table/Variations/TablePadded.js b/docs/app/Examples/collections/Table/Variations/TableExamplePadded.js
similarity index 92%
rename from docs/app/Examples/collections/Table/Variations/TablePadded.js
rename to docs/app/Examples/collections/Table/Variations/TableExamplePadded.js
index 92352097b3..0d32051a2a 100644
--- a/docs/app/Examples/collections/Table/Variations/TablePadded.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExamplePadded.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TablePadded = () => {
+const TableExamplePadded = () => {
   return (
     <Table padded>
       <Table.Header>
@@ -30,4 +30,4 @@ const TablePadded = () => {
   )
 }
 
-export default TablePadded
+export default TableExamplePadded
diff --git a/docs/app/Examples/collections/Table/Variations/TableSelectable.js b/docs/app/Examples/collections/Table/Variations/TableExampleSelectable.js
similarity index 94%
rename from docs/app/Examples/collections/Table/Variations/TableSelectable.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleSelectable.js
index ceff864a37..6ecfde58cd 100644
--- a/docs/app/Examples/collections/Table/Variations/TableSelectable.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleSelectable.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableSelectable = () => {
+const TableExampleSelectable = () => {
   return (
     <Table celled selectable>
       <Table.Header>
@@ -48,4 +48,4 @@ const TableSelectable = () => {
   )
 }
 
-export default TableSelectable
+export default TableExampleSelectable
diff --git a/docs/app/Examples/collections/Table/Variations/TableSelectableInverted.js b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableInverted.js
similarity index 91%
rename from docs/app/Examples/collections/Table/Variations/TableSelectableInverted.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleSelectableInverted.js
index aa25acb84f..f1768d7e93 100644
--- a/docs/app/Examples/collections/Table/Variations/TableSelectableInverted.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleSelectableInverted.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableSelectableInverted = () => {
+const TableExampleSelectableInverted = () => {
   return (
     <Table celled inverted selectable>
       <Table.Header>
@@ -33,4 +33,4 @@ const TableSelectableInverted = () => {
   )
 }
 
-export default TableSelectableInverted
+export default TableExampleSelectableInverted
diff --git a/docs/app/Examples/collections/Table/Variations/TableSingleLine.js b/docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js
similarity index 93%
rename from docs/app/Examples/collections/Table/Variations/TableSingleLine.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js
index 2127bcbc92..d1c2d306cc 100644
--- a/docs/app/Examples/collections/Table/Variations/TableSingleLine.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleSingleLine.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableSingleLine = () => {
+const TableExampleSingleLine = () => {
   return (
     <Table singleLine>
       <Table.Header>
@@ -37,4 +37,4 @@ const TableSingleLine = () => {
   )
 }
 
-export default TableSingleLine
+export default TableExampleSingleLine
diff --git a/docs/app/Examples/collections/Table/Variations/TableSmall.js b/docs/app/Examples/collections/Table/Variations/TableExampleSmall.js
similarity index 94%
rename from docs/app/Examples/collections/Table/Variations/TableSmall.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleSmall.js
index 48720f1b4e..56d507e433 100644
--- a/docs/app/Examples/collections/Table/Variations/TableSmall.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleSmall.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableSmall = () => {
+const TableExampleSmall = () => {
   return (
     <Table size='small'>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableSmall = () => {
   )
 }
 
-export default TableSmall
+export default TableExampleSmall
diff --git a/docs/app/Examples/collections/Table/Variations/TableStackable.js b/docs/app/Examples/collections/Table/Variations/TableExampleStackable.js
similarity index 92%
rename from docs/app/Examples/collections/Table/Variations/TableStackable.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleStackable.js
index 8bdfc055c0..24ec6dc323 100644
--- a/docs/app/Examples/collections/Table/Variations/TableStackable.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleStackable.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableStackable = () => {
+const TableExampleStackable = () => {
   return (
     <Table stackable>
       <Table.Header>
@@ -33,4 +33,4 @@ const TableStackable = () => {
   )
 }
 
-export default TableStackable
+export default TableExampleStackable
diff --git a/docs/app/Examples/collections/Table/Variations/TableStriped.js b/docs/app/Examples/collections/Table/Variations/TableExampleStriped.js
similarity index 97%
rename from docs/app/Examples/collections/Table/Variations/TableStriped.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleStriped.js
index a00903b611..2752ce0d80 100644
--- a/docs/app/Examples/collections/Table/Variations/TableStriped.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleStriped.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableStriped = () => {
+const TableExampleStriped = () => {
   return (
     <Table striped>
       <Table.Header>
@@ -67,4 +67,4 @@ const TableStriped = () => {
   )
 }
 
-export default TableStriped
+export default TableExampleStriped
diff --git a/docs/app/Examples/collections/Table/Variations/TableTextAlign.js b/docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js
similarity index 93%
rename from docs/app/Examples/collections/Table/Variations/TableTextAlign.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js
index 895ec28bf8..6a8fce25a3 100644
--- a/docs/app/Examples/collections/Table/Variations/TableTextAlign.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleTextAlign.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableTextAlign = () => {
+const TableExampleTextAlign = () => {
   return (
     <Table striped>
       <Table.Header>
@@ -33,4 +33,4 @@ const TableTextAlign = () => {
   )
 }
 
-export default TableTextAlign
+export default TableExampleTextAlign
diff --git a/docs/app/Examples/collections/Table/Variations/TableUnstackable.js b/docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js
similarity index 92%
rename from docs/app/Examples/collections/Table/Variations/TableUnstackable.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js
index 122ba986c4..04e76d74e4 100644
--- a/docs/app/Examples/collections/Table/Variations/TableUnstackable.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleUnstackable.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableUnstackable = () => {
+const TableExampleUnstackable = () => {
   return (
     <Table unstackable>
       <Table.Header>
@@ -33,4 +33,4 @@ const TableUnstackable = () => {
   )
 }
 
-export default TableUnstackable
+export default TableExampleUnstackable
diff --git a/docs/app/Examples/collections/Table/Variations/TableVerticalAlign.js b/docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js
similarity index 91%
rename from docs/app/Examples/collections/Table/Variations/TableVerticalAlign.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js
index 59b10b4224..a665ee59f5 100644
--- a/docs/app/Examples/collections/Table/Variations/TableVerticalAlign.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleVerticalAlign.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableVerticalAlign = () => {
+const TableExampleVerticalAlign = () => {
   return (
     <Table striped>
       <Table.Header>
@@ -36,4 +36,4 @@ const TableVerticalAlign = () => {
   )
 }
 
-export default TableVerticalAlign
+export default TableExampleVerticalAlign
diff --git a/docs/app/Examples/collections/Table/Variations/TableVeryBasic.js b/docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js
similarity index 92%
rename from docs/app/Examples/collections/Table/Variations/TableVeryBasic.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js
index e685ce920e..5fe7c9eec9 100644
--- a/docs/app/Examples/collections/Table/Variations/TableVeryBasic.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryBasic.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableVeryBasic = () => {
+const TableExampleVeryBasic = () => {
   return (
     <Table basic='very'>
       <Table.Header>
@@ -33,4 +33,4 @@ const TableVeryBasic = () => {
   )
 }
 
-export default TableVeryBasic
+export default TableExampleVeryBasic
diff --git a/docs/app/Examples/collections/Table/Variations/TableVeryCompact.js b/docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js
similarity index 95%
rename from docs/app/Examples/collections/Table/Variations/TableVeryCompact.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js
index 72babbdeb0..bb302ec82e 100644
--- a/docs/app/Examples/collections/Table/Variations/TableVeryCompact.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryCompact.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableVeryCompact = () => {
+const TableExampleVeryCompact = () => {
   return (
     <Table compact='very'>
       <Table.Header>
@@ -58,4 +58,4 @@ const TableVeryCompact = () => {
   )
 }
 
-export default TableVeryCompact
+export default TableExampleVeryCompact
diff --git a/docs/app/Examples/collections/Table/Variations/TableVeryPadded.js b/docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js
similarity index 92%
rename from docs/app/Examples/collections/Table/Variations/TableVeryPadded.js
rename to docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js
index bd423a3b04..3da85db7ba 100644
--- a/docs/app/Examples/collections/Table/Variations/TableVeryPadded.js
+++ b/docs/app/Examples/collections/Table/Variations/TableExampleVeryPadded.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableVeryPadded = () => {
+const TableExampleVeryPadded = () => {
   return (
     <Table padded='very'>
       <Table.Header>
@@ -30,4 +30,4 @@ const TableVeryPadded = () => {
   )
 }
 
-export default TableVeryPadded
+export default TableExampleVeryPadded
diff --git a/docs/app/Examples/collections/Table/Variations/index.js b/docs/app/Examples/collections/Table/Variations/index.js
index 74a0646e71..67d71778f0 100644
--- a/docs/app/Examples/collections/Table/Variations/index.js
+++ b/docs/app/Examples/collections/Table/Variations/index.js
@@ -8,13 +8,13 @@ const Variations = () => {
     <ExampleSection title='Variations'>
       <ComponentExample
         title='Single Line'
-        description='A table can specify that its cell contents should remain on a single line, and not wrap'
-        examplePath='collections/Table/Variations/TableSingleLine'
+        description='A table can specify that its cell contents should remain on a single line, and not wrap.'
+        examplePath='collections/Table/Variations/TableExampleSingleLine'
       />
 
       <ComponentExample
         title='Attached'
-        description='A table can be attached to other content on a page'
+        description='A table can be attached to other content on a page.'
         examplePath='collections/Table/Variations/TableExampleAttached'
       />
 
@@ -23,128 +23,128 @@ const Variations = () => {
         description={
         [
           'A table can use fixed a special faster form of table rendering that does not resize table cells based on',
-          'content',
+          'content.',
         ].join(' ')
         }
-        examplePath='collections/Table/Variations/TableFixed'
+        examplePath='collections/Table/Variations/TableExampleFixed'
       />
-      <ComponentExample examplePath='collections/Table/Variations/TableFixedLine'>
+      <ComponentExample examplePath='collections/Table/Variations/TableExampleFixedLine'>
         <Message info>
           Fixed "single line" tables will automatically ensure content that does not fit in a single line will receive
-          "..." ellipsis
+          "..." ellipsis.
         </Message>
       </ComponentExample>
 
       <ComponentExample
         title='Stacking'
-        description='A table can specify how it stacks table content responsively'
-        examplePath='collections/Table/Variations/TableUnstackable'
+        description='A table can specify how it stacks table content responsively.'
+        examplePath='collections/Table/Variations/TableExampleUnstackable'
       />
-      <ComponentExample examplePath='collections/Table/Variations/TableStackable' />
+      <ComponentExample examplePath='collections/Table/Variations/TableExampleStackable' />
 
       <ComponentExample
         title='Selectable Row'
-        description='A table can have its rows appear selectable'
-        examplePath='collections/Table/Variations/TableSelectable'
+        description='A table can have its rows appear selectable.'
+        examplePath='collections/Table/Variations/TableExampleSelectable'
       />
-      <ComponentExample examplePath='collections/Table/Variations/TableSelectableInverted' />
+      <ComponentExample examplePath='collections/Table/Variations/TableExampleSelectableInverted' />
 
       <ComponentExample
         title='Vertical Alignment'
-        description='A table header, row or cell can adjust its vertical alignment'
-        examplePath='collections/Table/Variations/TableVerticalAlign'
+        description='A table header, row or cell can adjust its vertical alignment.'
+        examplePath='collections/Table/Variations/TableExampleVerticalAlign'
       />
 
       <ComponentExample
         title='Text Alignment'
-        description='A table header, row, or cell can adjust its text alignment'
-        examplePath='collections/Table/Variations/TableTextAlign'
+        description='A table header, row, or cell can adjust its text alignment.'
+        examplePath='collections/Table/Variations/TableExampleTextAlign'
       />
 
       <ComponentExample
         title='Striped'
-        description='A table can stripe alternate rows of content with a darker color to increase contrast'
-        examplePath='collections/Table/Variations/TableStriped'
+        description='A table can stripe alternate rows of content with a darker color to increase contrast.'
+        examplePath='collections/Table/Variations/TableExampleStriped'
       />
 
       <ComponentExample
         title='Celled'
-        description='A table may be divided each row into separate cells'
-        examplePath='collections/Table/Variations/TableCelled'
+        description='A table may be divided each row into separate cells.'
+        examplePath='collections/Table/Variations/TableExampleCelled'
       />
 
       <ComponentExample
         title='Basic'
-        description='A table can reduce its complexity to increase readability'
-        examplePath='collections/Table/Variations/TableBasic'
+        description='A table can reduce its complexity to increase readability.'
+        examplePath='collections/Table/Variations/TableExampleBasic'
       />
-      <ComponentExample examplePath='collections/Table/Variations/TableVeryBasic' />
+      <ComponentExample examplePath='collections/Table/Variations/TableExampleVeryBasic' />
 
       <ComponentExample
         title='Collapsing Cell'
-        description='A cell can be collapsing so that it only uses as much space as required'
-        examplePath='collections/Table/Variations/TableCollapsingCell'
+        description='A cell can be collapsing so that it only uses as much space as required.'
+        examplePath='collections/Table/Variations/TableExampleCollapsingCell'
       />
 
       <ComponentExample
         title='Column Count'
-        description='A table can specify its column count to divide its content evenly'
-        examplePath='collections/Table/Variations/TableColumnCount'
+        description='A table can specify its column count to divide its content evenly.'
+        examplePath='collections/Table/Variations/TableExampleColumnCount'
       />
 
       <ComponentExample
         title='Column Width'
-        description='A table can specify the width of individual columns independently'
-        examplePath='collections/Table/Variations/TableColumnWidth'
+        description='A table can specify the width of individual columns independently.'
+        examplePath='collections/Table/Variations/TableExampleColumnWidth'
       />
 
       <ComponentExample
         title='Collapsing'
-        description='A table can be collapsing, taking up only as much space as its rows'
-        examplePath='collections/Table/Variations/TableCollapsing'
+        description='A table can be collapsing, taking up only as much space as its rows.'
+        examplePath='collections/Table/Variations/TableExampleCollapsing'
       />
 
       <ComponentExample
         title='Colored'
-        description='A table can be given a color to distinguish it from other table'
-        examplePath='collections/Table/Variations/TableColors'
+        description='A table can be given a color to distinguish it from other table.'
+        examplePath='collections/Table/Variations/TableExampleColors'
       />
 
       <ComponentExample
         title='Inverted'
-        description="A table's colors can be inverted"
-        examplePath='collections/Table/Variations/TableInverted'
+        description="A table's colors can be inverted."
+        examplePath='collections/Table/Variations/TableExampleInverted'
       />
-      <ComponentExample examplePath='collections/Table/Variations/TableInvertedColors' />
+      <ComponentExample examplePath='collections/Table/Variations/TableExampleInvertedColors' />
 
       <ComponentExample
         title='Full-Width Header / Footer'
         description={
-          'A definition table can have a full width header or footer, filling in the gap left by the first column'
+          'A definition table can have a full width header or footer, filling in the gap left by the first column.'
         }
-        examplePath='collections/Table/Variations/TableFullWidth'
+        examplePath='collections/Table/Variations/TableExampleFullWidth'
       />
 
       <ComponentExample
         title='Padded'
-        description='A table may sometimes need to be more padded for legibility'
-        examplePath='collections/Table/Variations/TablePadded'
+        description='A table may sometimes need to be more padded for legibility.'
+        examplePath='collections/Table/Variations/TableExamplePadded'
       />
-      <ComponentExample examplePath='collections/Table/Variations/TableVeryPadded' />
+      <ComponentExample examplePath='collections/Table/Variations/TableExampleVeryPadded' />
 
       <ComponentExample
         title='Compact'
-        description='A table may sometimes need to be more compact to make more rows visible at a time'
-        examplePath='collections/Table/Variations/TableCompact'
+        description='A table may sometimes need to be more compact to make more rows visible at a time.'
+        examplePath='collections/Table/Variations/TableExampleCompact'
       />
-      <ComponentExample examplePath='collections/Table/Variations/TableVeryCompact' />
+      <ComponentExample examplePath='collections/Table/Variations/TableExampleVeryCompact' />
 
       <ComponentExample
         title='Size'
-        description='A table can also be small or large'
-        examplePath='collections/Table/Variations/TableSmall'
+        description='A table can also be small or large.'
+        examplePath='collections/Table/Variations/TableExampleSmall'
       />
-      <ComponentExample examplePath='collections/Table/Variations/TableLarge' />
+      <ComponentExample examplePath='collections/Table/Variations/TableExampleLarge' />
     </ExampleSection>
   )
 }
diff --git a/docs/app/Examples/collections/Table/index.js b/docs/app/Examples/collections/Table/index.js
index 32c632d8dd..989d243d75 100644
--- a/docs/app/Examples/collections/Table/index.js
+++ b/docs/app/Examples/collections/Table/index.js
@@ -1,17 +1,15 @@
-import React, { Component } from 'react'
+import React from 'react'
 
 import States from './States'
 import Types from './Types'
 import Variations from './Variations'
 
-export default class TableExamples extends Component {
-  render() {
-    return (
-      <div>
-        <Types />
-        <States />
-        <Variations />
-      </div>
-    )
-  }
-}
+const TableExamples = () => (
+  <div>
+    <Types />
+    <States />
+    <Variations />
+  </div>
+)
+
+export default TableExamples