style(Header): update docs to the latest standards

docs/app/Examples/elements/Header/Content/HeaderIconPropExample.js → docs/app/Examples/elements/Header/Content/HeaderExampleIconProp.js

@@ -1,8 +1,8 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderIconExample = () => (
+const HeaderExampleIconProp = () => (
   <Header as='h2' icon='plug' content='Uptime Guarantee' />
 )
 
-export default HeaderIconExample
+export default HeaderExampleIconProp

docs/app/Examples/elements/Header/Content/HeaderImageExample.js → docs/app/Examples/elements/Header/Content/HeaderExampleImage.js

@@ -1,11 +1,11 @@
 import React from 'react'
 import { Header, Image } from 'semantic-ui-react'
 
-const HeaderImageExample = () => (
+const HeaderExampleImage = () => (
   <Header as='h2'>
     <Image shape='circular' src='http://semantic-ui.com/images/avatar2/large/patrick.png' />
     {' '}Patrick
   </Header>
 )
 
-export default HeaderImageExample
+export default HeaderExampleImage

docs/app/Examples/elements/Header/Content/HeaderImagePropExample.js → docs/app/Examples/elements/Header/Content/HeaderExampleImageProp.js

@@ -1,12 +1,12 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderImageExample = () => (
+const HeaderExampleImageProp = () => (
   <Header
     as='h2'
     image='http://semantic-ui.com/images/icons/school.png'
     content='Learn More'
   />
 )
 
-export default HeaderImageExample
+export default HeaderExampleImageProp

docs/app/Examples/elements/Header/Content/HeaderPlugIconExample.js → docs/app/Examples/elements/Header/Content/HeaderExamplePlugIcon.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Icon } from 'semantic-ui-react'
 
-const HeaderIconExample = () => (
+const HeaderExamplePlugIcon = () => (
   <Header as='h2'>
     <Icon name='plug' />
     <Header.Content>
@@ -10,4 +10,4 @@ const HeaderIconExample = () => (
   </Header>
 )
 
-export default HeaderIconExample
+export default HeaderExamplePlugIcon

docs/app/Examples/elements/Header/Content/HeaderSettingsIconExample.js → docs/app/Examples/elements/Header/Content/HeaderExampleSettingsIcon.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Icon } from 'semantic-ui-react'
 
-const HeaderIconExample = () => (
+const HeaderExampleSettingsIcon = () => (
   <Header as='h2'>
     <Icon name='settings' />
     <Header.Content>
@@ -13,4 +13,4 @@ const HeaderIconExample = () => (
   </Header>
 )
 
-export default HeaderIconExample
+export default HeaderExampleSettingsIcon

docs/app/Examples/elements/Header/Content/HeaderSubheaderExample.js → docs/app/Examples/elements/Header/Content/HeaderExampleSubheader.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderSubheaderExample = () => (
+const HeaderExampleSubheader = () => (
   <Header as='h2'>
     Account Settings
     <Header.Subheader>
@@ -10,4 +10,4 @@ const HeaderSubheaderExample = () => (
   </Header>
 )
 
-export default HeaderSubheaderExample
+export default HeaderExampleSubheader

docs/app/Examples/elements/Header/Content/HeaderSubheaderPropExample.js → docs/app/Examples/elements/Header/Content/HeaderExampleSubheaderProp.js

@@ -1,8 +1,8 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderSubheaderPropExample = () => (
+const HeaderExampleSubheaderProp = () => (
   <Header as='h2' content='Account Settings' subheader='Manage your account settings and set email preferences' />
 )
 
-export default HeaderSubheaderPropExample
+export default HeaderExampleSubheaderProp

docs/app/Examples/elements/Header/Content/index.js

@@ -6,33 +6,33 @@ const HeaderContentExamples = () => (
   <ExampleSection title='Content'>
     <ComponentExample
       title='Image'
-      description='A header may contain an image'
-      examplePath='elements/Header/Content/HeaderImageExample'
+      description='A header may contain an image.'
+      examplePath='elements/Header/Content/HeaderExampleImage'
     />
     <ComponentExample
-      description='You can also define an image with props'
-      examplePath='elements/Header/Content/HeaderImagePropExample'
+      description='You can also define an image with props.'
+      examplePath='elements/Header/Content/HeaderExampleImageProp'
     />
     <ComponentExample
       title='Icon'
-      description='A header may contain an icon'
-      examplePath='elements/Header/Content/HeaderPlugIconExample'
+      description='A header may contain an icon.'
+      examplePath='elements/Header/Content/HeaderExamplePlugIcon'
     />
     <ComponentExample
-      examplePath='elements/Header/Content/HeaderSettingsIconExample'
+      examplePath='elements/Header/Content/HeaderExampleSettingsIcon'
     />
     <ComponentExample
-      description='You can also define an icon with props'
-      examplePath='elements/Header/Content/HeaderIconPropExample'
+      description='You can also define an icon with props.'
+      examplePath='elements/Header/Content/HeaderExampleIconProp'
     />
     <ComponentExample
       title='Subheader'
-      description='Headers may contain subheaders'
-      examplePath='elements/Header/Content/HeaderSubheaderExample'
+      description='Headers may contain subheaders.'
+      examplePath='elements/Header/Content/HeaderExampleSubheader'
     />
     <ComponentExample
-      description='You can pass an Subheader content to the Header subheader prop'
-      examplePath='elements/Header/Content/HeaderSubheaderPropExample'
+      description='You can pass an Subheader content to the Header subheader prop.'
+      examplePath='elements/Header/Content/HeaderExampleSubheaderProp'
     />
   </ExampleSection>
 )

docs/app/Examples/elements/Header/States/HeaderDisabledExample.js → docs/app/Examples/elements/Header/States/HeaderExampleDisabled.js

@@ -1,10 +1,10 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderDisabledExample = () => (
+const HeaderExampleDisabled = () => (
   <Header as='h2' disabled>
     Disabled Header
   </Header>
 )
 
-export default HeaderDisabledExample
+export default HeaderExampleDisabled

docs/app/Examples/elements/Header/States/index.js

@@ -6,8 +6,8 @@ const HeaderStatesExamples = () => (
   <ExampleSection title='States'>
     <ComponentExample
       title='Disabled'
-      description='A header can show that it is inactive'
-      examplePath='elements/Header/States/HeaderDisabledExample'
+      description='A header can show that it is inactive.'
+      examplePath='elements/Header/States/HeaderExampleDisabled'
     />
   </ExampleSection>
 )

docs/app/Examples/elements/Header/Types/HeaderContentHeadersExample.js → docs/app/Examples/elements/Header/Types/HeaderExampleContent.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderContentHeadersExample = () => (
+const HeaderExampleContent = () => (
   <div>
     <Header size='huge'>Huge Header</Header>
     <Header size='large'>Large Header</Header>
@@ -11,4 +11,4 @@ const HeaderContentHeadersExample = () => (
   </div>
 )
 
-export default HeaderContentHeadersExample
+export default HeaderExampleContent

docs/app/Examples/elements/Header/Types/HeaderPageHeadersExample.js → docs/app/Examples/elements/Header/Types/HeaderExamplePage.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderPageHeadersExamples = () => (
+const HeaderExamplePage = () => (
   <div>
     <Header as='h1'>First Header</Header>
     <Header as='h2'>Second Header</Header>
@@ -12,4 +12,4 @@ const HeaderPageHeadersExamples = () => (
   </div>
 )
 
-export default HeaderPageHeadersExamples
+export default HeaderExamplePage

docs/app/Examples/elements/Header/Types/HeaderSettingsIconHeaderExample.js → docs/app/Examples/elements/Header/Types/HeaderExampleSettingsIcon.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Icon } from 'semantic-ui-react'
 
-const HeaderIconHeadersExample = () => (
+const HeaderExampleSettingsIcon = () => (
   <Header as='h2' icon>
     <Icon name='settings' />
     Account Settings
@@ -11,4 +11,4 @@ const HeaderIconHeadersExample = () => (
   </Header>
 )
 
-export default HeaderIconHeadersExample
+export default HeaderExampleSettingsIcon

docs/app/Examples/elements/Header/Types/HeaderSubHeadersExample.js → docs/app/Examples/elements/Header/Types/HeaderExampleSubheaders.js

@@ -1,11 +1,11 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderSubHeadersExample = () => (
+const HeaderExampleSubheaders = () => (
   <div>
     <Header sub>Price</Header>
     <span>$10.99</span>
   </div>
 )
 
-export default HeaderSubHeadersExample
+export default HeaderExampleSubheaders

docs/app/Examples/elements/Header/Types/HeaderUsersIconHeaderExample.js → docs/app/Examples/elements/Header/Types/HeaderExampleUsersIcon.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Icon, Image } from 'semantic-ui-react'
 
-const HeaderIconHeadersExample = () => (
+const HeaderExampleUsersIcon = () => (
   <div>
     <Header as='h2' icon textAlign='center'>
       <Icon name='users' circular />
@@ -13,4 +13,4 @@ const HeaderIconHeadersExample = () => (
   </div>
 )
 
-export default HeaderIconHeadersExample
+export default HeaderExampleUsersIcon

docs/app/Examples/elements/Header/Types/index.js

@@ -7,34 +7,34 @@ const HeaderTypesExamples = () => (
   <ExampleSection title='Types'>
     <ComponentExample
       title='Page Headers'
-      description='Headers may be oriented to give the hierarchy of a section in the context of the page'
-      examplePath='elements/Header/Types/HeaderPageHeadersExample'
+      description='Headers may be oriented to give the hierarchy of a section in the context of the page.'
+      examplePath='elements/Header/Types/HeaderExamplePage'
     >
       <Message info>
         Page headings are sized using <code>rem</code> and are not affected by surrounding content size.
       </Message>
     </ComponentExample>
     <ComponentExample
       title='Content Headers'
-      description='Headers may be oriented to give the importance of a section'
-      examplePath='elements/Header/Types/HeaderContentHeadersExample'
+      description='Headers may be oriented to give the importance of a section.'
+      examplePath='elements/Header/Types/HeaderExampleContent'
     >
       <Message info>
         Content headings are sized with <code>em</code> and are based on the font-size of their container.
       </Message>
     </ComponentExample>
     <ComponentExample
       title='Icon Headers'
-      description='A header can be formatted to emphasize an icon'
-      examplePath='elements/Header/Types/HeaderSettingsIconHeaderExample'
+      description='A header can be formatted to emphasize an icon.'
+      examplePath='elements/Header/Types/HeaderExampleSettingsIcon'
     />
     <ComponentExample
-      examplePath='elements/Header/Types/HeaderUsersIconHeaderExample'
+      examplePath='elements/Header/Types/HeaderExampleUsersIcon'
     />
     <ComponentExample
-      title='Sub Headers'
-      description='Headers may be formatted to label smaller or de-emphasized content'
-      examplePath='elements/Header/Types/HeaderSubHeadersExample'
+      title='Subheaders'
+      description='Headers may be formatted to label smaller or de-emphasized content.'
+      examplePath='elements/Header/Types/HeaderExampleSubheaders'
     />
   </ExampleSection>
 )

docs/app/Examples/elements/Header/Variations/HeaderAttachedExample.js → docs/app/Examples/elements/Header/Variations/HeaderExampleAttached.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Segment } from 'semantic-ui-react'
 
-const HeaderAttachedExample = () => (
+const HeaderExampleAttached = () => (
   <div>
     <Header as='h2' attached='top'>
       Attached Header
@@ -14,4 +14,4 @@ const HeaderAttachedExample = () => (
   </div>
 )
 
-export default HeaderAttachedExample
+export default HeaderExampleAttached

docs/app/Examples/elements/Header/Variations/HeaderBlockExample.js → docs/app/Examples/elements/Header/Variations/HeaderExampleBlock.js

@@ -1,10 +1,10 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderBlockExample = () => (
+const HeaderExampleBlock = () => (
   <Header as='h3' block>
     Block Header
   </Header>
 )
 
-export default HeaderBlockExample
+export default HeaderExampleBlock

docs/app/Examples/elements/Header/Variations/HeaderColoredExample.js → docs/app/Examples/elements/Header/Variations/HeaderExampleColored.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderColoredExample = () => (
+const HeaderExampleColored = () => (
   <div>
     <Header as='h4' color='red'>Red</Header>
     <Header as='h4' color='orange'>Orange</Header>
@@ -18,4 +18,4 @@ const HeaderColoredExample = () => (
   </div>
 )
 
-export default HeaderColoredExample
+export default HeaderExampleColored

docs/app/Examples/elements/Header/Variations/HeaderDividingExample.js → docs/app/Examples/elements/Header/Variations/HeaderExampleDividing.js

@@ -1,10 +1,10 @@
 import React from 'react'
 import { Header } from 'semantic-ui-react'
 
-const HeaderDividingExample = () => (
+const HeaderExampleDividing = () => (
   <Header as='h3' dividing>
     Dividing Header
   </Header>
 )
 
-export default HeaderDividingExample
+export default HeaderExampleDividing

docs/app/Examples/elements/Header/Variations/HeaderFloatingExample.js → docs/app/Examples/elements/Header/Variations/HeaderExampleFloating.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Segment } from 'semantic-ui-react'
 
-const HeaderFloatingExample = () => (
+const HeaderExampleFloating = () => (
   <Segment clearing>
     <Header as='h2' floated='right'>
       Float Right
@@ -12,4 +12,4 @@ const HeaderFloatingExample = () => (
   </Segment>
 )
 
-export default HeaderFloatingExample
+export default HeaderExampleFloating

docs/app/Examples/elements/Header/Variations/HeaderInvertedExample.js → docs/app/Examples/elements/Header/Variations/HeaderExampleInverted.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Segment } from 'semantic-ui-react'
 
-const HeaderInvertedExample = () => (
+const HeaderExampleInverted = () => (
   <Segment inverted>
     <Header as='h4' inverted color='red'>Red</Header>
     <Header as='h4' inverted color='orange'>Orange</Header>
@@ -18,4 +18,4 @@ const HeaderInvertedExample = () => (
   </Segment>
 )
 
-export default HeaderInvertedExample
+export default HeaderExampleInverted

docs/app/Examples/elements/Header/Variations/HeaderTextAlignmentExample.js → docs/app/Examples/elements/Header/Variations/HeaderExampleTextAlignment.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Segment } from 'semantic-ui-react'
 
-const HeaderTextAlignmentExample = () => (
+const HeaderExampleTextAlignment = () => (
   <Segment>
     <Header as='h3' textAlign='right'>
       Float Right
@@ -18,4 +18,4 @@ const HeaderTextAlignmentExample = () => (
   </Segment>
 )
 
-export default HeaderTextAlignmentExample
+export default HeaderExampleTextAlignment