style(Menu): update docs to the latest standards (#835)

docs/app/Examples/collections/Menu/Content/Buttons.js → 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

docs/app/Examples/collections/Menu/Content/DropdownItem.js → 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

docs/app/Examples/collections/Menu/Content/Header.js → 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 })

docs/app/Examples/collections/Menu/Content/Vertical.js → 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() {

docs/app/Examples/collections/Menu/Content/Inputs.js → 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

docs/app/Examples/collections/Menu/Content/LinkItem.js → 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() {

docs/app/Examples/collections/Menu/Content/Menus.js → 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 })

docs/app/Examples/collections/Menu/Content/SubMenu.js → 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 })

docs/app/Examples/collections/Menu/Content/Text.js → 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 })

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>
   )

docs/app/Examples/collections/Menu/States/Active.js → 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

docs/app/Examples/collections/Menu/States/Hover.js → 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

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>
   )

docs/app/Examples/collections/Menu/Types/Attached.js → 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

docs/app/Examples/collections/Menu/Types/Basic.js → 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 })

docs/app/Examples/collections/Menu/Types/ContentProp.js → 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 })

docs/app/Examples/collections/Menu/Types/NameProp.js → 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 })

docs/app/Examples/collections/Menu/Types/Pagination.js → 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 })

docs/app/Examples/collections/Menu/Types/Pointing.js → 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 })

docs/app/Examples/collections/Menu/Types/Props.js → 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() {

docs/app/Examples/collections/Menu/Types/Secondary.js → 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 })

docs/app/Examples/collections/Menu/Types/SecondaryPointing.js → 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 })

docs/app/Examples/collections/Menu/Types/Tabular.js → 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 })

docs/app/Examples/collections/Menu/Types/TabularOnBottom.js → 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 })

docs/app/Examples/collections/Menu/Types/TabularOnLeft.js → 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 })

docs/app/Examples/collections/Menu/Types/TabularOnRight.js → 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 })

docs/app/Examples/collections/Menu/Types/TabularOnTop.js → 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 })

docs/app/Examples/collections/Menu/Types/Text.js → 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 })

docs/app/Examples/collections/Menu/Types/Vertical.js → 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 })

docs/app/Examples/collections/Menu/Types/VerticalDropdown.js → 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 })

docs/app/Examples/collections/Menu/Types/VerticalPointing.js → 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 })

docs/app/Examples/collections/Menu/Types/VerticalSecondary.js → 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 })