diff --git a/docs/app/Examples/collections/Menu/Content/Buttons.js b/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js
similarity index 79%
rename from docs/app/Examples/collections/Menu/Content/Buttons.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js
index 7122da9a97..33a68327e4 100644
--- a/docs/app/Examples/collections/Menu/Content/Buttons.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleButtons.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Menu } from 'semantic-ui-react'
 
-const Buttons = () => {
+const MenuExampleButtons = () => {
   return (
     <Menu>
       <Menu.Item>
@@ -15,4 +15,4 @@ const Buttons = () => {
   )
 }
 
-export default Buttons
+export default MenuExampleButtons
diff --git a/docs/app/Examples/collections/Menu/Content/DropdownItem.js b/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js
similarity index 83%
rename from docs/app/Examples/collections/Menu/Content/DropdownItem.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js
index 50e381b719..53a5955c6d 100644
--- a/docs/app/Examples/collections/Menu/Content/DropdownItem.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleDropdownItem.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Dropdown, Menu } from 'semantic-ui-react'
 
-const DropdownItem = () => {
+const MenuExampleDropdownItem = () => {
   return (
     <Menu vertical>
       <Dropdown as={Menu.Item} text='Categories'>
@@ -15,4 +15,4 @@ const DropdownItem = () => {
   )
 }
 
-export default DropdownItem
+export default MenuExampleDropdownItem
diff --git a/docs/app/Examples/collections/Menu/Content/Header.js b/docs/app/Examples/collections/Menu/Content/MenuExampleHeader.js
similarity index 91%
rename from docs/app/Examples/collections/Menu/Content/Header.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleHeader.js
index f900718307..c0c0ebff5d 100644
--- a/docs/app/Examples/collections/Menu/Content/Header.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleHeader.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Header extends Component {
+export default class MenuExampleHeader extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Content/Vertical.js b/docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js
similarity index 96%
rename from docs/app/Examples/collections/Menu/Content/Vertical.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js
index e02752fd0f..1d2a4a1cc3 100644
--- a/docs/app/Examples/collections/Menu/Content/Vertical.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleHeaderVertical.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Vertical extends Component {
+export default class MenuExampleHeaderVertical extends Component {
   handleItemClick = (name) => this.setState({ activeItem: name })
 
   render() {
diff --git a/docs/app/Examples/collections/Menu/Content/Inputs.js b/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js
similarity index 84%
rename from docs/app/Examples/collections/Menu/Content/Inputs.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js
index 8d91816b57..d86122c633 100644
--- a/docs/app/Examples/collections/Menu/Content/Inputs.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleInputs.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Input, Menu } from 'semantic-ui-react'
 
-const Inputs = () => {
+const MenuExampleInputs = () => {
   return (
     <Menu>
       <Menu.Item>
@@ -15,4 +15,4 @@ const Inputs = () => {
   )
 }
 
-export default Inputs
+export default MenuExampleInputs
diff --git a/docs/app/Examples/collections/Menu/Content/LinkItem.js b/docs/app/Examples/collections/Menu/Content/MenuExampleLinkItem.js
similarity index 90%
rename from docs/app/Examples/collections/Menu/Content/LinkItem.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleLinkItem.js
index 81a07c4935..a20818645c 100644
--- a/docs/app/Examples/collections/Menu/Content/LinkItem.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleLinkItem.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu, Message } from 'semantic-ui-react'
 
-export default class LinkItem extends Component {
+export default class MenuExampleLinkItem extends Component {
   handleClick = () => this.setState({ message: 'onClick handled' })
 
   render() {
diff --git a/docs/app/Examples/collections/Menu/Content/Menus.js b/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Content/Menus.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js
index 15bc716e4f..05c0459762 100644
--- a/docs/app/Examples/collections/Menu/Content/Menus.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleMenus.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Menus extends Component {
+export default class MenuExampleMenus extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Content/SubMenu.js b/docs/app/Examples/collections/Menu/Content/MenuExampleSubMenu.js
similarity index 96%
rename from docs/app/Examples/collections/Menu/Content/SubMenu.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleSubMenu.js
index 5445ec646e..d3d18e0339 100644
--- a/docs/app/Examples/collections/Menu/Content/SubMenu.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleSubMenu.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Dropdown, Icon, Input, Menu } from 'semantic-ui-react'
 
-export default class SubMenu extends Component {
+export default class MenuExampleSubMenu extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Content/Text.js b/docs/app/Examples/collections/Menu/Content/MenuExampleText.js
similarity index 95%
rename from docs/app/Examples/collections/Menu/Content/Text.js
rename to docs/app/Examples/collections/Menu/Content/MenuExampleText.js
index 482848e7e9..8b1254726d 100644
--- a/docs/app/Examples/collections/Menu/Content/Text.js
+++ b/docs/app/Examples/collections/Menu/Content/MenuExampleText.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Header, Menu } from 'semantic-ui-react'
 
-export default class Text extends Component {
+export default class MenuExampleText extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Content/index.js b/docs/app/Examples/collections/Menu/Content/index.js
index feccd05eff..35c847f372 100644
--- a/docs/app/Examples/collections/Menu/Content/index.js
+++ b/docs/app/Examples/collections/Menu/Content/index.js
@@ -11,39 +11,39 @@ const Content = () => {
     <ExampleSection title='Content'>
       <ComponentExample
         title='Header'
-        description='A menu item may include a header or may itself be a header'
-        examplePath='collections/Menu/Content/Header'
+        description='A menu item may include a header or may itself be a header.'
+        examplePath='collections/Menu/Content/MenuExampleHeader'
       />
-      <ComponentExample examplePath='collections/Menu/Content/Vertical' />
+      <ComponentExample examplePath='collections/Menu/Content/MenuExampleHeaderVertical' />
 
       <ComponentExample
         title='Text'
-        description='A vertical menu item can include any type of text content'
-        examplePath='collections/Menu/Content/Text'
+        description='A vertical menu item can include any type of text content.'
+        examplePath='collections/Menu/Content/MenuExampleText'
       />
 
       <ComponentExample
         title='Input'
-        description='A menu item can contain an input inside of it'
-        examplePath='collections/Menu/Content/Inputs'
+        description='A menu item can contain an input inside of it.'
+        examplePath='collections/Menu/Content/MenuExampleInputs'
       />
 
       <ComponentExample
         title='Button'
-        description='A menu item can contain a button inside of it'
-        examplePath='collections/Menu/Content/Buttons'
+        description='A menu item can contain a button inside of it.'
+        examplePath='collections/Menu/Content/MenuExampleButtons'
       />
 
       <ComponentExample
         title='Link Item'
-        description='A menu may contain a link item, or an item formatted as if it is a link'
-        examplePath='collections/Menu/Content/LinkItem'
+        description='A menu may contain a link item, or an item formatted as if it is a link.'
+        examplePath='collections/Menu/Content/MenuExampleLinkItem'
       />
 
        <ComponentExample
          title='Dropdown Item'
-         description='An item may contain a nested menu in a dropdown'
-         examplePath='collections/Menu/Content/DropdownItem'
+         description='An item may contain a nested menu in a dropdown.'
+         examplePath='collections/Menu/Content/MenuExampleDropdownItem'
        />
 
       {/* <ComponentExample*/}
@@ -60,14 +60,14 @@ const Content = () => {
 
        <ComponentExample
          title='Menu'
-         description='A menu may contain another menu group in the same level as menu items'
-         examplePath='collections/Menu/Content/Menus'
+         description='A menu may contain another menu group in the same level as menu items.'
+         examplePath='collections/Menu/Content/MenuExampleMenus'
        />
 
       <ComponentExample
         title='Sub Menu'
-        description='A menu item may contain another menu nested inside that acts as a grouped sub-menu'
-        examplePath='collections/Menu/Content/SubMenu'
+        description='A menu item may contain another menu nested inside that acts as a grouped sub-menu.'
+        examplePath='collections/Menu/Content/MenuExampleSubMenu'
       />
     </ExampleSection>
   )
diff --git a/docs/app/Examples/collections/Menu/States/Active.js b/docs/app/Examples/collections/Menu/States/MenuExampleActive.js
similarity index 72%
rename from docs/app/Examples/collections/Menu/States/Active.js
rename to docs/app/Examples/collections/Menu/States/MenuExampleActive.js
index 99661e6624..042358eee4 100644
--- a/docs/app/Examples/collections/Menu/States/Active.js
+++ b/docs/app/Examples/collections/Menu/States/MenuExampleActive.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Menu } from 'semantic-ui-react'
 
-const Active = () => {
+const MenuExampleActive = () => {
   return (
     <Menu compact>
       <Menu.Item active>
@@ -11,4 +11,4 @@ const Active = () => {
   )
 }
 
-export default Active
+export default MenuExampleActive
diff --git a/docs/app/Examples/collections/Menu/States/Hover.js b/docs/app/Examples/collections/Menu/States/MenuExampleHover.js
similarity index 75%
rename from docs/app/Examples/collections/Menu/States/Hover.js
rename to docs/app/Examples/collections/Menu/States/MenuExampleHover.js
index 236d4fac49..b2946d5697 100644
--- a/docs/app/Examples/collections/Menu/States/Hover.js
+++ b/docs/app/Examples/collections/Menu/States/MenuExampleHover.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Menu } from 'semantic-ui-react'
 
-const Hover = () => {
+const MenuExampleHover = () => {
   return (
     <Menu compact>
       <Menu.Item as='a'>A link</Menu.Item>
@@ -10,4 +10,4 @@ const Hover = () => {
   )
 }
 
-export default Hover
+export default MenuExampleHover
diff --git a/docs/app/Examples/collections/Menu/States/index.js b/docs/app/Examples/collections/Menu/States/index.js
index 3179762a69..3747688528 100644
--- a/docs/app/Examples/collections/Menu/States/index.js
+++ b/docs/app/Examples/collections/Menu/States/index.js
@@ -8,14 +8,14 @@ const States = () => {
     <ExampleSection title='States'>
       <ComponentExample
         title='Hover'
-        description='A menu item can be hovered'
-        examplePath='collections/Menu/States/Hover'
+        description='A menu item can be hovered.'
+        examplePath='collections/Menu/States/MenuExampleHover'
       />
 
       <ComponentExample
         title='Active'
-        description='A menu item can be active'
-        examplePath='collections/Menu/States/Active'
+        description='A menu item can be active.'
+        examplePath='collections/Menu/States/MenuExampleActive'
       />
     </ExampleSection>
   )
diff --git a/docs/app/Examples/collections/Menu/Types/Attached.js b/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js
similarity index 95%
rename from docs/app/Examples/collections/Menu/Types/Attached.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js
index 8362756238..ad7d021306 100644
--- a/docs/app/Examples/collections/Menu/Types/Attached.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js
@@ -3,7 +3,7 @@ import { Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'
 
 // TODO: Update <Search> usage after its will be implemented
 
-const Attached = () => {
+const MenuExampleAttached = () => {
   return (
     <div>
       <Menu attached='top'>
@@ -45,4 +45,4 @@ const Attached = () => {
   )
 }
 
-export default Attached
+export default MenuExampleAttached
diff --git a/docs/app/Examples/collections/Menu/Types/Basic.js b/docs/app/Examples/collections/Menu/Types/MenuExampleBasic.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Types/Basic.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleBasic.js
index ed1decf621..f7c4052d0e 100644
--- a/docs/app/Examples/collections/Menu/Types/Basic.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleBasic.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Basic extends Component {
+export default class MenuExampleBasic extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/ContentProp.js b/docs/app/Examples/collections/Menu/Types/MenuExampleContentProp.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Types/ContentProp.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleContentProp.js
index 7943555dab..8ac19c34d6 100644
--- a/docs/app/Examples/collections/Menu/Types/ContentProp.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleContentProp.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class ContentProp extends Component {
+export default class MenuExampleContentProp extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/NameProp.js b/docs/app/Examples/collections/Menu/Types/MenuExampleNameProp.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Types/NameProp.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleNameProp.js
index 66499a9410..217e91e4b4 100644
--- a/docs/app/Examples/collections/Menu/Types/NameProp.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleNameProp.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Names extends Component {
+export default class MenuExampleNameProp extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/Pagination.js b/docs/app/Examples/collections/Menu/Types/MenuExamplePagination.js
similarity index 91%
rename from docs/app/Examples/collections/Menu/Types/Pagination.js
rename to docs/app/Examples/collections/Menu/Types/MenuExamplePagination.js
index a9c51030bd..db5d336e7b 100644
--- a/docs/app/Examples/collections/Menu/Types/Pagination.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExamplePagination.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Pagination extends Component {
+export default class MenuExamplePagination extends Component {
   state = { activeItem: '10' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/Pointing.js b/docs/app/Examples/collections/Menu/Types/MenuExamplePointing.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Types/Pointing.js
rename to docs/app/Examples/collections/Menu/Types/MenuExamplePointing.js
index b377568308..bb297ce041 100644
--- a/docs/app/Examples/collections/Menu/Types/Pointing.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExamplePointing.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Input, Menu, Segment } from 'semantic-ui-react'
 
-export default class Pointing extends Component {
+export default class MenuExamplePointing extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/Props.js b/docs/app/Examples/collections/Menu/Types/MenuExampleProps.js
similarity index 82%
rename from docs/app/Examples/collections/Menu/Types/Props.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleProps.js
index f7e96492ad..ba7bee5f9d 100644
--- a/docs/app/Examples/collections/Menu/Types/Props.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleProps.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Props extends Component {
+export default class MenuExampleProps extends Component {
   state = {}
 
   render() {
diff --git a/docs/app/Examples/collections/Menu/Types/Secondary.js b/docs/app/Examples/collections/Menu/Types/MenuExampleSecondary.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Types/Secondary.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleSecondary.js
index f29bdd773b..e332c43167 100644
--- a/docs/app/Examples/collections/Menu/Types/Secondary.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleSecondary.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Input, Menu } from 'semantic-ui-react'
 
-export default class Secondary extends Component {
+export default class MenuExampleSecondary extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/SecondaryPointing.js b/docs/app/Examples/collections/Menu/Types/MenuExampleSecondaryPointing.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Types/SecondaryPointing.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleSecondaryPointing.js
index 5548b14ca5..ca2b626a8f 100644
--- a/docs/app/Examples/collections/Menu/Types/SecondaryPointing.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleSecondaryPointing.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu, Segment } from 'semantic-ui-react'
 
-export default class SecondaryPointing extends Component {
+export default class MenuExampleSecondaryPointing extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/Tabular.js b/docs/app/Examples/collections/Menu/Types/MenuExampleTabular.js
similarity index 89%
rename from docs/app/Examples/collections/Menu/Types/Tabular.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleTabular.js
index 8e7bdd1833..ee602e8e1a 100644
--- a/docs/app/Examples/collections/Menu/Types/Tabular.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleTabular.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Tabular extends Component {
+export default class MenuExampleTabular extends Component {
   state = { activeItem: 'bio' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/TabularOnBottom.js b/docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnBottom.js
similarity index 94%
rename from docs/app/Examples/collections/Menu/Types/TabularOnBottom.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnBottom.js
index 9a522af2a4..4742527afb 100644
--- a/docs/app/Examples/collections/Menu/Types/TabularOnBottom.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnBottom.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Icon, Menu, Segment } from 'semantic-ui-react'
 
-export default class TabularOnBottom extends Component {
+export default class MenuExampleTabularOnBottom extends Component {
   state = { activeItem: 'active' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/TabularOnLeft.js b/docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnLeft.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Types/TabularOnLeft.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnLeft.js
index 1815d93f42..c83ac01565 100644
--- a/docs/app/Examples/collections/Menu/Types/TabularOnLeft.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnLeft.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Grid, Menu, Segment } from 'semantic-ui-react'
 
-export default class TabularOnLeft extends Component {
+export default class MenuExampleTabularOnLeft extends Component {
   state = { activeItem: 'bio' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/TabularOnRight.js b/docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnRight.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Types/TabularOnRight.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnRight.js
index 6eb1667cab..402a7ee179 100644
--- a/docs/app/Examples/collections/Menu/Types/TabularOnRight.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnRight.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Grid, Menu, Segment } from 'semantic-ui-react'
 
-export default class TabularOnRight extends Component {
+export default class MenuExampleTabularOnRight extends Component {
   state = { activeItem: 'bio' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/TabularOnTop.js b/docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnTop.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Types/TabularOnTop.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnTop.js
index d9968f338f..2866e429ee 100644
--- a/docs/app/Examples/collections/Menu/Types/TabularOnTop.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnTop.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Input, Menu, Segment } from 'semantic-ui-react'
 
-export default class TabularOnTop extends Component {
+export default class MenuExampleTabularOnTop extends Component {
   state = { activeItem: 'bio' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/Text.js b/docs/app/Examples/collections/Menu/Types/MenuExampleText.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Types/Text.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleText.js
index 6616b4d633..35199de09f 100644
--- a/docs/app/Examples/collections/Menu/Types/Text.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleText.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Text extends Component {
+export default class MenuExampleText extends Component {
   state = { activeItem: 'closest' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/Vertical.js b/docs/app/Examples/collections/Menu/Types/MenuExampleVertical.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Types/Vertical.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleVertical.js
index bd632fdd72..0ea013b0e7 100644
--- a/docs/app/Examples/collections/Menu/Types/Vertical.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleVertical.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Input, Label, Menu } from 'semantic-ui-react'
 
-export default class Vertical extends Component {
+export default class MenuExampleVertical extends Component {
   state = { activeItem: 'inbox' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/VerticalDropdown.js b/docs/app/Examples/collections/Menu/Types/MenuExampleVerticalDropdown.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Types/VerticalDropdown.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleVerticalDropdown.js
index 6f6897baa1..400c914c58 100644
--- a/docs/app/Examples/collections/Menu/Types/VerticalDropdown.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleVerticalDropdown.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Dropdown, Menu } from 'semantic-ui-react'
 
-export default class VerticalDropdown extends Component {
+export default class MenuExampleVerticalDropdown extends Component {
   state = { activeItem: 'account' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/VerticalPointing.js b/docs/app/Examples/collections/Menu/Types/MenuExampleVerticalPointing.js
similarity index 89%
rename from docs/app/Examples/collections/Menu/Types/VerticalPointing.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleVerticalPointing.js
index d08321d2ba..a0e22eba4d 100644
--- a/docs/app/Examples/collections/Menu/Types/VerticalPointing.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleVerticalPointing.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class VerticalPointing extends Component {
+export default class MenuExampleVerticalPointing extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/VerticalSecondary.js b/docs/app/Examples/collections/Menu/Types/MenuExampleVerticalSecondary.js
similarity index 89%
rename from docs/app/Examples/collections/Menu/Types/VerticalSecondary.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleVerticalSecondary.js
index f9cefa5c73..6e35aa32f0 100644
--- a/docs/app/Examples/collections/Menu/Types/VerticalSecondary.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleVerticalSecondary.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class VerticalSecondary extends Component {
+export default class MenuExampleVerticalSecondary extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/VerticalText.js b/docs/app/Examples/collections/Menu/Types/MenuExampleVerticalText.js
similarity index 91%
rename from docs/app/Examples/collections/Menu/Types/VerticalText.js
rename to docs/app/Examples/collections/Menu/Types/MenuExampleVerticalText.js
index 679415fb82..99759487ce 100644
--- a/docs/app/Examples/collections/Menu/Types/VerticalText.js
+++ b/docs/app/Examples/collections/Menu/Types/MenuExampleVerticalText.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class VerticalText extends Component {
+export default class MenuExampleVerticalText extends Component {
   state = { activeItem: 'closest' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Types/index.js b/docs/app/Examples/collections/Menu/Types/index.js
index e068027ede..339518ffd4 100644
--- a/docs/app/Examples/collections/Menu/Types/index.js
+++ b/docs/app/Examples/collections/Menu/Types/index.js
@@ -10,66 +10,66 @@ const Types = () => {
     <ExampleSection title='Types'>
       <ComponentExample
         title='Menu'
-        description='A menu'
-        examplePath='collections/Menu/Types/Basic'
+        description='A menu.'
+        examplePath='collections/Menu/Types/MenuExampleBasic'
       />
       <ComponentExample
-        description='Menu can be rendered via shorthand prop'
-        examplePath='collections/Menu/Types/Props'
+        description='Menu can be rendered via shorthand prop.'
+        examplePath='collections/Menu/Types/MenuExampleProps'
       />
       <ComponentExample
-        description='Menu item text can be defined with the content prop'
-        examplePath='collections/Menu/Types/ContentProp'
+        description='Menu item text can be defined with the content prop.'
+        examplePath='collections/Menu/Types/MenuExampleContentProp'
       />
       <ComponentExample
-        description='The name prop will be used for content if neither children nor content props are defined'
-        examplePath='collections/Menu/Types/NameProp'
+        description='The name prop will be used for content if neither children nor content props are defined.'
+        examplePath='collections/Menu/Types/MenuExampleNameProp'
       />
-      <ComponentExample examplePath='collections/Menu/Types/Attached' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleAttached' />
 
       <ComponentExample
         title='Secondary Menu'
-        description='A menu can adjust its appearance to de-emphasize its contents'
-        examplePath='collections/Menu/Types/Secondary'
+        description='A menu can adjust its appearance to de-emphasize its contents.'
+        examplePath='collections/Menu/Types/MenuExampleSecondary'
       />
 
       <ComponentExample
         title='Pointing'
-        description='A menu can point to show its relationship to nearby content'
-        examplePath='collections/Menu/Types/Pointing'
+        description='A menu can point to show its relationship to nearby content.'
+        examplePath='collections/Menu/Types/MenuExamplePointing'
       />
-      <ComponentExample examplePath='collections/Menu/Types/SecondaryPointing' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleSecondaryPointing' />
 
       <ComponentExample
         title='Tabular'
-        description='A menu can be formatted to show tabs of information'
-        examplePath='collections/Menu/Types/Tabular'
+        description='A menu can be formatted to show tabs of information.'
+        examplePath='collections/Menu/Types/MenuExampleTabular'
       />
-      <ComponentExample examplePath='collections/Menu/Types/TabularOnTop' />
-      <ComponentExample examplePath='collections/Menu/Types/TabularOnBottom' />
-      <ComponentExample examplePath='collections/Menu/Types/TabularOnLeft' />
-      <ComponentExample examplePath='collections/Menu/Types/TabularOnRight' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleTabularOnTop' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleTabularOnBottom' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleTabularOnLeft' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleTabularOnRight' />
 
       <ComponentExample
         title='Text'
-        description='A menu can be formatted for text content'
-        examplePath='collections/Menu/Types/Text'
+        description='A menu can be formatted for text content.'
+        examplePath='collections/Menu/Types/MenuExampleText'
       />
 
       <ComponentExample
         title='Vertical Menu'
-        description='A vertical menu displays elements vertically'
-        examplePath='collections/Menu/Types/Vertical'
+        description='A vertical menu displays elements vertically.'
+        examplePath='collections/Menu/Types/MenuExampleVertical'
       />
-      <ComponentExample examplePath='collections/Menu/Types/VerticalText' />
-      <ComponentExample examplePath='collections/Menu/Types/VerticalDropdown' />
-      <ComponentExample examplePath='collections/Menu/Types/VerticalPointing' />
-      <ComponentExample examplePath='collections/Menu/Types/VerticalSecondary' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleVerticalText' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleVerticalDropdown' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleVerticalPointing' />
+      <ComponentExample examplePath='collections/Menu/Types/MenuExampleVerticalSecondary' />
 
       <ComponentExample
         title='Pagination'
-        description='A pagination menu is specially formatted to present links to pages of content'
-        examplePath='collections/Menu/Types/Pagination'
+        description='A pagination menu is specially formatted to present links to pages of content.'
+        examplePath='collections/Menu/Types/MenuExamplePagination'
       />
     </ExampleSection>
   )
diff --git a/docs/app/Examples/collections/Menu/Variations/AttachedTabular.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleAttachedTabular.js
similarity index 95%
rename from docs/app/Examples/collections/Menu/Variations/AttachedTabular.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleAttachedTabular.js
index b68bbd524b..62cac7a052 100644
--- a/docs/app/Examples/collections/Menu/Variations/AttachedTabular.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleAttachedTabular.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu, Segment } from 'semantic-ui-react'
 
-export default class AttachedTabular extends Component {
+export default class MenuExampleAttachedTabular extends Component {
   state = { activeItem: 'tab1' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/AttachedToSegment.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleAttachedToSegment.js
similarity index 96%
rename from docs/app/Examples/collections/Menu/Variations/AttachedToSegment.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleAttachedToSegment.js
index b0b06d2bfe..d6f7cc416e 100644
--- a/docs/app/Examples/collections/Menu/Variations/AttachedToSegment.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleAttachedToSegment.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu, Segment } from 'semantic-ui-react'
 
-export default class AttachedToSegment extends Component {
+export default class MenuExampleAttachedToSegment extends Component {
   state = { activeItem: 'section1' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/Borderless.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleBorderless.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/Borderless.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleBorderless.js
index 7ea732d4f4..c9549176de 100644
--- a/docs/app/Examples/collections/Menu/Variations/Borderless.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleBorderless.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Borderless extends Component {
+export default class MenuExampleBorderless extends Component {
   state = { activeItem: '1' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/Colored.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleColored.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/Colored.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleColored.js
index 7b4d47fbda..4398f11d9a 100644
--- a/docs/app/Examples/collections/Menu/Variations/Colored.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleColored.js
@@ -4,7 +4,7 @@ import { Menu } from 'semantic-ui-react'
 const colorsA = ['red', 'orange', 'yellow', 'olive', 'green', 'teal']
 const colorsB = ['blue', 'violet', 'purple', 'pink', 'brown', 'grey']
 
-export default class Colored extends Component {
+export default class MenuExampleColored extends Component {
   state = { activeA: colorsA[0], activeB: colorsB[0] }
 
   handleAClick = (e, { name }) => this.setState({ activeA: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/ColoredInverted.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleColoredInverted.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Variations/ColoredInverted.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleColoredInverted.js
index cc6c8f6799..7ac98d04cc 100644
--- a/docs/app/Examples/collections/Menu/Variations/ColoredInverted.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleColoredInverted.js
@@ -4,7 +4,7 @@ import { Menu } from 'semantic-ui-react'
 const colorsA = ['red', 'orange', 'yellow', 'olive', 'green', 'teal']
 const colorsB = ['blue', 'violet', 'purple', 'pink', 'brown', 'grey']
 
-export default class ColoredInverted extends Component {
+export default class MenuExampleColoredInverted extends Component {
   state = { activeA: colorsA[0], activeB: colorsB[0] }
 
   handleAClick = (e, { name }) => this.setState({ activeA: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/ColoredInvertedMenus.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleColoredInvertedMenus.js
similarity index 91%
rename from docs/app/Examples/collections/Menu/Variations/ColoredInvertedMenus.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleColoredInvertedMenus.js
index b313060e65..8f05b2e18d 100644
--- a/docs/app/Examples/collections/Menu/Variations/ColoredInvertedMenus.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleColoredInvertedMenus.js
@@ -29,10 +29,10 @@ class ExampleMenu extends Component {
   }
 }
 
-const ColoredInvertedMenus = () => {
+const MenuExampleColoredInvertedMenus = () => {
   const menus = colors.map(color => <ExampleMenu color={color} key={color} />)
 
   return <div>{menus}</div>
 }
 
-export default ColoredInvertedMenus
+export default MenuExampleColoredInvertedMenus
diff --git a/docs/app/Examples/collections/Menu/Variations/ColoredMenus.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleColoredMenus.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Variations/ColoredMenus.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleColoredMenus.js
index 635f9554ba..a9fbc64acf 100644
--- a/docs/app/Examples/collections/Menu/Variations/ColoredMenus.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleColoredMenus.js
@@ -29,10 +29,10 @@ class ExampleMenu extends Component {
   }
 }
 
-const ColoredMenus = () => {
+const MenuExampleColoredMenus = () => {
   const menus = colors.map(color => <ExampleMenu color={color} key={color} />)
 
   return <div>{menus}</div>
 }
 
-export default ColoredMenus
+export default MenuExampleColoredMenus
diff --git a/docs/app/Examples/collections/Menu/Variations/Compact.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleCompact.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/Compact.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleCompact.js
index 948c14de78..257165e454 100644
--- a/docs/app/Examples/collections/Menu/Variations/Compact.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleCompact.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Icon, Menu } from 'semantic-ui-react'
 
-export default class Compact extends Component {
+export default class MenuExampleCompact extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/CompactVertical.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleCompactVertical.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Variations/CompactVertical.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleCompactVertical.js
index f765143cf3..c828176de1 100644
--- a/docs/app/Examples/collections/Menu/Variations/CompactVertical.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleCompactVertical.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Icon, Menu } from 'semantic-ui-react'
 
-export default class CompactVertical extends Component {
+export default class MenuExampleCompactVertical extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/EvenlyDivided.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleEvenlyDivided.js
similarity index 89%
rename from docs/app/Examples/collections/Menu/Variations/EvenlyDivided.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleEvenlyDivided.js
index 21aafee37a..692e946df9 100644
--- a/docs/app/Examples/collections/Menu/Variations/EvenlyDivided.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleEvenlyDivided.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class EvenlyDivided extends Component {
+export default class MenuExampleEvenlyDivided extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/Fitted.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleFitted.js
similarity index 94%
rename from docs/app/Examples/collections/Menu/Variations/Fitted.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleFitted.js
index 277ef68c36..db813d8022 100644
--- a/docs/app/Examples/collections/Menu/Variations/Fitted.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleFitted.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Fitted extends Component {
+export default class MenuExampleFitted extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/Fixed.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js
similarity index 82%
rename from docs/app/Examples/collections/Menu/Variations/Fixed.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js
index 1c1d1f1703..ed161582f9 100644
--- a/docs/app/Examples/collections/Menu/Variations/Fixed.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleFixed.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Message } from 'semantic-ui-react'
 
-const Fixed = () => {
+const MenuExampleFixed = () => {
   return (
     <Message info>
       You can view examples of the <b>fixed</b> variation in the
@@ -10,4 +10,4 @@ const Fixed = () => {
   )
 }
 
-export default Fixed
+export default MenuExampleFixed
diff --git a/docs/app/Examples/collections/Menu/Variations/Fluid.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleFluid.js
similarity index 90%
rename from docs/app/Examples/collections/Menu/Variations/Fluid.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleFluid.js
index c2f40938eb..d25fb86676 100644
--- a/docs/app/Examples/collections/Menu/Variations/Fluid.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleFluid.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Fluid extends Component {
+export default class MenuExampleFluid extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/Icons.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleIcons.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/Icons.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleIcons.js
index 8d7894a794..6fc094beed 100644
--- a/docs/app/Examples/collections/Menu/Variations/Icons.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleIcons.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Icon, Menu } from 'semantic-ui-react'
 
-export default class Icons extends Component {
+export default class MenuExampleIcons extends Component {
   state = { activeItem: 'gamepad' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/IconsVertical.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleIconsVertical.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Variations/IconsVertical.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleIconsVertical.js
index fd4bccbeb4..671a463913 100644
--- a/docs/app/Examples/collections/Menu/Variations/IconsVertical.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleIconsVertical.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Icon, Menu } from 'semantic-ui-react'
 
-export default class IconsVertical extends Component {
+export default class MenuExampleIconsVertical extends Component {
   state = { activeItem: 'gamepad' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/Inverted.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleInverted.js
similarity index 90%
rename from docs/app/Examples/collections/Menu/Variations/Inverted.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleInverted.js
index 128e5f888f..e2fa494b4e 100644
--- a/docs/app/Examples/collections/Menu/Variations/Inverted.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleInverted.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Inverted extends Component {
+export default class MenuExampleInverted extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/InvertedPointing.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedPointing.js
similarity index 90%
rename from docs/app/Examples/collections/Menu/Variations/InvertedPointing.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedPointing.js
index 2dca7a8654..a336bccdd7 100644
--- a/docs/app/Examples/collections/Menu/Variations/InvertedPointing.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedPointing.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class InvertedPointing extends Component {
+export default class MenuExampleInvertedPointing extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/InvertedSecondary.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedSecondary.js
similarity index 90%
rename from docs/app/Examples/collections/Menu/Variations/InvertedSecondary.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedSecondary.js
index 7c3bda693a..a3ba8eac72 100644
--- a/docs/app/Examples/collections/Menu/Variations/InvertedSecondary.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedSecondary.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu, Segment } from 'semantic-ui-react'
 
-export default class InvertedSecondary extends Component {
+export default class MenuExampleInvertedSecondary extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/InvertedSegment.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedSegment.js
similarity index 90%
rename from docs/app/Examples/collections/Menu/Variations/InvertedSegment.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedSegment.js
index 4d0422e412..b5a76ec8c4 100644
--- a/docs/app/Examples/collections/Menu/Variations/InvertedSegment.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedSegment.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu, Segment } from 'semantic-ui-react'
 
-export default class InvertedSegment extends Component {
+export default class MenuExampleInvertedSegment extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/InvertedVertical.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedVertical.js
similarity index 89%
rename from docs/app/Examples/collections/Menu/Variations/InvertedVertical.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedVertical.js
index dc54679b81..580105e175 100644
--- a/docs/app/Examples/collections/Menu/Variations/InvertedVertical.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleInvertedVertical.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class InvertedVertical extends Component {
+export default class MenuExampleInvertedVertical extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/LabeledIcons.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleLabeledIcons.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Variations/LabeledIcons.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleLabeledIcons.js
index 9b5b8a55a1..79feb709bc 100644
--- a/docs/app/Examples/collections/Menu/Variations/LabeledIcons.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleLabeledIcons.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Icon, Menu } from 'semantic-ui-react'
 
-export default class LabeledIcons extends Component {
+export default class MenuExampleLabeledIcons extends Component {
   state = { activeItem: 'gamepad' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/LabeledIconsVertical.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleLabeledIconsVertical.js
similarity index 92%
rename from docs/app/Examples/collections/Menu/Variations/LabeledIconsVertical.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleLabeledIconsVertical.js
index 28d06beea0..9468fdf0d6 100644
--- a/docs/app/Examples/collections/Menu/Variations/LabeledIconsVertical.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleLabeledIconsVertical.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Icon, Menu } from 'semantic-ui-react'
 
-export default class LabeledIconsVertical extends Component {
+export default class MenuExampleLabeledIconsVertical extends Component {
   state = { activeItem: 'gamepad' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeHuge.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeHuge.js
similarity index 94%
rename from docs/app/Examples/collections/Menu/Variations/SizeHuge.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeHuge.js
index b685268b12..3a9758ce2f 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeHuge.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeHuge.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Button, Dropdown, Menu } from 'semantic-ui-react'
 
-export default class SizeHuge extends Component {
+export default class MenuExampleSizeHuge extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeLarge.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeLarge.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/SizeLarge.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeLarge.js
index bfb4326d01..ab44e30d7b 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeLarge.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeLarge.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Button, Dropdown, Menu } from 'semantic-ui-react'
 
-export default class SizeLarge extends Component {
+export default class MenuExampleSizeLarge extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeMassive.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeMassive.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/SizeMassive.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeMassive.js
index fc92d13a7b..a3fa0b9e33 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeMassive.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeMassive.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Button, Dropdown, Menu } from 'semantic-ui-react'
 
-export default class SizeMassive extends Component {
+export default class MenuExampleSizeMassive extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeMini.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeMini.js
similarity index 94%
rename from docs/app/Examples/collections/Menu/Variations/SizeMini.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeMini.js
index b7ec079f8b..3fde1e6752 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeMini.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeMini.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Button, Dropdown, Menu } from 'semantic-ui-react'
 
-export default class SizeMini extends Component {
+export default class MenuExampleSizeMini extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeSmall.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeSmall.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/SizeSmall.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeSmall.js
index ae00ab3c3f..428f6b446f 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeSmall.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeSmall.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Button, Dropdown, Menu } from 'semantic-ui-react'
 
-export default class SizeSmall extends Component {
+export default class MenuExampleSizeSmall extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeTiny.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeTiny.js
similarity index 94%
rename from docs/app/Examples/collections/Menu/Variations/SizeTiny.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeTiny.js
index 4b7c528706..8014b72db1 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeTiny.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeTiny.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Button, Dropdown, Menu } from 'semantic-ui-react'
 
-export default class SizeTiny extends Component {
+export default class MenuExampleSizeTiny extends Component {
   state = { activeItem: 'home' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeVerticalLarge.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalLarge.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/SizeVerticalLarge.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalLarge.js
index 03748e6d69..bc71091dec 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeVerticalLarge.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalLarge.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Input, Label, Menu } from 'semantic-ui-react'
 
-export default class SizeVerticalLarge extends Component {
+export default class MenuExampleSizeVerticalLarge extends Component {
   state = { activeItem: 'inbox' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeVerticalMassive.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalMassive.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/SizeVerticalMassive.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalMassive.js
index a61b6557a5..cb108e55e9 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeVerticalMassive.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalMassive.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Input, Label, Menu } from 'semantic-ui-react'
 
-export default class SizeLargeMassive extends Component {
+export default class MenuExampleSizeLargeMassive extends Component {
   state = { activeItem: 'inbox' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeVerticalMini.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalMini.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/SizeVerticalMini.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalMini.js
index ccf87da4d2..ce2ac7c615 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeVerticalMini.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalMini.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Input, Label, Menu } from 'semantic-ui-react'
 
-export default class SizeVerticalMini extends Component {
+export default class MenuExampleSizeVerticalMini extends Component {
   state = { activeItem: 'inbox' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/SizeVerticalSmall.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalSmall.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/SizeVerticalSmall.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalSmall.js
index e074d37e0b..3ff509cbe1 100644
--- a/docs/app/Examples/collections/Menu/Variations/SizeVerticalSmall.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleSizeVerticalSmall.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Input, Label, Menu } from 'semantic-ui-react'
 
-export default class SizeVerticalSmall extends Component {
+export default class MenuExampleSizeVerticalSmall extends Component {
   state = { activeItem: 'inbox' }
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/Stackable.js b/docs/app/Examples/collections/Menu/Variations/MenuExampleStackable.js
similarity index 93%
rename from docs/app/Examples/collections/Menu/Variations/Stackable.js
rename to docs/app/Examples/collections/Menu/Variations/MenuExampleStackable.js
index 709c2a7c87..fb3739f60b 100644
--- a/docs/app/Examples/collections/Menu/Variations/Stackable.js
+++ b/docs/app/Examples/collections/Menu/Variations/MenuExampleStackable.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Menu } from 'semantic-ui-react'
 
-export default class Stackable extends Component {
+export default class MenuExampleStackable extends Component {
   state = {}
 
   handleItemClick = (e, { name }) => this.setState({ activeItem: name })
diff --git a/docs/app/Examples/collections/Menu/Variations/index.js b/docs/app/Examples/collections/Menu/Variations/index.js
index e925eb16be..8b46fff3de 100644
--- a/docs/app/Examples/collections/Menu/Variations/index.js
+++ b/docs/app/Examples/collections/Menu/Variations/index.js
@@ -8,106 +8,106 @@ const Variations = () => {
     <ExampleSection title='Variations'>
       <ComponentExample
         title='Fixed'
-        description='A menu can be fixed to a side of its context'
-        examplePath='collections/Menu/Variations/Fixed'
+        description='A menu can be fixed to a side of its context.'
+        examplePath='collections/Menu/Variations/MenuExampleFixed'
       />
 
       <ComponentExample
         title='Stackable'
-        description='A menu can stack at mobile resolutions'
-        examplePath='collections/Menu/Variations/Stackable'
+        description='A menu can stack at mobile resolutions.'
+        examplePath='collections/Menu/Variations/MenuExampleStackable'
       />
 
       <ComponentExample
         title='Inverted'
-        description='A menu may have its colors inverted to show greater contrast'
-        examplePath='collections/Menu/Variations/Inverted'
+        description='A menu may have its colors inverted to show greater contrast.'
+        examplePath='collections/Menu/Variations/MenuExampleInverted'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/InvertedVertical' />
-      <ComponentExample examplePath='collections/Menu/Variations/InvertedPointing' />
-      <ComponentExample examplePath='collections/Menu/Variations/InvertedSegment' />
-      <ComponentExample examplePath='collections/Menu/Variations/InvertedSecondary' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleInvertedVertical' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleInvertedPointing' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleInvertedSegment' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleInvertedSecondary' />
 
       <ComponentExample
         title='Colored'
-        description='Additional colors can be specified'
-        examplePath='collections/Menu/Variations/Colored'
+        description='Additional colors can be specified.'
+        examplePath='collections/Menu/Variations/MenuExampleColored'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/ColoredMenus' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleColoredMenus' />
       <ComponentExample
-        description='These colors can also be inverted'
-        examplePath='collections/Menu/Variations/ColoredInverted'
+        description='These colors can also be inverted.'
+        examplePath='collections/Menu/Variations/MenuExampleColoredInverted'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/ColoredInvertedMenus' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleColoredInvertedMenus' />
 
       <ComponentExample
         title='Icons'
-        description='A menu may have just icons'
-        examplePath='collections/Menu/Variations/Icons'
+        description='A menu may have just icons.'
+        examplePath='collections/Menu/Variations/MenuExampleIcons'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/IconsVertical' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleIconsVertical' />
 
       <ComponentExample
         title='Labeled Icon'
-        description='A menu may have labeled icons'
-        examplePath='collections/Menu/Variations/LabeledIcons'
+        description='A menu may have labeled icons.'
+        examplePath='collections/Menu/Variations/MenuExampleLabeledIcons'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/LabeledIconsVertical' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleLabeledIconsVertical' />
 
       <ComponentExample
         title='Fluid'
-        description='A vertical menu may take the size of its container'
-        examplePath='collections/Menu/Variations/Fluid'
+        description='A vertical menu may take the size of its container.'
+        examplePath='collections/Menu/Variations/MenuExampleFluid'
       />
 
       <ComponentExample
         title='Compact'
-        description='A menu can take up only the space necessary to fit its content'
-        examplePath='collections/Menu/Variations/Compact'
+        description='A menu can take up only the space necessary to fit its content.'
+        examplePath='collections/Menu/Variations/MenuExampleCompact'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/CompactVertical' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleCompactVertical' />
 
       <ComponentExample
         title='Evenly Divided'
-        description='A menu may divide its items evenly'
-        examplePath='collections/Menu/Variations/EvenlyDivided'
+        description='A menu may divide its items evenly.'
+        examplePath='collections/Menu/Variations/MenuExampleEvenlyDivided'
       />
 
       <ComponentExample
         title='Attached'
-        description='A menu may be attached to other content segments'
-        examplePath='collections/Menu/Variations/AttachedTabular'
+        description='A menu may be attached to other content segments.'
+        examplePath='collections/Menu/Variations/MenuExampleAttachedTabular'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/AttachedToSegment' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleAttachedToSegment' />
 
       <ComponentExample
         title='Size'
-        description='A menu can vary in size'
-        examplePath='collections/Menu/Variations/SizeMini'
+        description='A menu can vary in size.'
+        examplePath='collections/Menu/Variations/MenuExampleSizeMini'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/SizeTiny' />
-      <ComponentExample examplePath='collections/Menu/Variations/SizeSmall' />
-      <ComponentExample examplePath='collections/Menu/Variations/SizeLarge' />
-      <ComponentExample examplePath='collections/Menu/Variations/SizeHuge' />
-      <ComponentExample examplePath='collections/Menu/Variations/SizeMassive' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleSizeTiny' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleSizeSmall' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleSizeLarge' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleSizeHuge' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleSizeMassive' />
       <ComponentExample
-        description='A vertical menu can also vary in size'
-        examplePath='collections/Menu/Variations/SizeVerticalMini'
+        description='A vertical menu can also vary in size.'
+        examplePath='collections/Menu/Variations/MenuExampleSizeVerticalMini'
       />
-      <ComponentExample examplePath='collections/Menu/Variations/SizeVerticalSmall' />
-      <ComponentExample examplePath='collections/Menu/Variations/SizeVerticalLarge' />
-      <ComponentExample examplePath='collections/Menu/Variations/SizeVerticalMassive' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleSizeVerticalSmall' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleSizeVerticalLarge' />
+      <ComponentExample examplePath='collections/Menu/Variations/MenuExampleSizeVerticalMassive' />
 
       <ComponentExample
         title='Fitted'
-        description='A menu item or menu can remove element padding, vertically or horizontally'
-        examplePath='collections/Menu/Variations/Fitted'
+        description='A menu item or menu can remove element padding, vertically or horizontally.'
+        examplePath='collections/Menu/Variations/MenuExampleFitted'
       />
 
       <ComponentExample
         title='Borderless'
-        description='A menu item or menu can have no borders'
-        examplePath='collections/Menu/Variations/Borderless'
+        description='A menu item or menu can have no borders.'
+        examplePath='collections/Menu/Variations/MenuExampleBorderless'
       />
     </ExampleSection>
   )