style(Checkbox): update docs to the latest standards (#839)

Author: dpkwhan

docs/app/Examples/modules/Checkbox/States/CheckboxExampleChecked.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Checkbox } from 'semantic-ui-react'
+
+const CheckboxExampleChecked = () => (
+  <Checkbox label='This checkbox comes pre-checked' defaultChecked />
+)
+
+export default CheckboxExampleChecked

docs/app/Examples/modules/Checkbox/States/CheckboxExampleDisabled.js

@@ -0,0 +1,15 @@
+import React from 'react'
+import { Form, Checkbox } from 'semantic-ui-react'
+
+const CheckboxExampleDisabled = () => (
+  <Form>
+    <Form.Field>
+      <Checkbox label='Disabled' disabled />
+    </Form.Field>
+    <Form.Field>
+      <Checkbox toggle label='Disabled' disabled />
+    </Form.Field>
+  </Form>
+)
+
+export default CheckboxExampleDisabled

docs/app/Examples/modules/Checkbox/States/CheckboxExampleReadOnly.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Checkbox } from 'semantic-ui-react'
+
+const CheckboxExampleReadOnly = () => (
+  <Checkbox label='This checkbox is read-only' readOnly />
+)
+
+export default CheckboxExampleReadOnly

…x/States/CheckboxRemoteControlExample.js …x/States/CheckboxExampleRemoteControl.jsdocs/app/Examples/modules/Checkbox/States/CheckboxRemoteControlExample.js renamed to docs/app/Examples/modules/Checkbox/States/CheckboxExampleRemoteControl.js docs/app/Examples/modules/Checkbox/States/CheckboxRemoteControlExample.js renamed to docs/app/Examples/modules/Checkbox/States/CheckboxExampleRemoteControl.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Button, Checkbox } from 'semantic-ui-react'
 
-export default class CheckboxRemoteControlExample extends Component {
+export default class CheckboxExampleRemoteControl extends Component {
   state = { checked: false }
   toggle = () => this.setState({ checked: !this.state.checked })
 

docs/app/Examples/modules/Checkbox/States/Checked.js

@@ -1,41 +1,39 @@
-import React, { Component } from 'react'
+import React from 'react'
 import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'
 import { Message } from 'semantic-ui-react'
 
-export default class CheckboxStatesExamples extends Component {
-  render() {
-    return (
-      <ExampleSection title='States'>
-        <ComponentExample
-          title='Checked'
-          description='A checkbox can come pre-checked'
-          examplePath='modules/Checkbox/States/Checked'
-        >
-          <Message>
-            Use{' '}
-            <a href='https://facebook.github.io/react/docs/forms.html#default-value' target='_blank'>
-              <code>defaultChecked</code>
-            </a>
-            {' '}as you normally would to set default form values.
-          </Message>
-        </ComponentExample>
-        <ComponentExample
-          title='Disabled'
-          description='Checkboxes can be disabled'
-          examplePath='modules/Checkbox/States/Disabled'
-        />
-        <ComponentExample
-          title='Read Only'
-          description='Make the checkbox unable to be edited by the user'
-          examplePath='modules/Checkbox/States/ReadOnly'
-        />
-        <ComponentExample
-          title='Remote Control'
-          description='You can trigger events remotely.'
-          examplePath='modules/Checkbox/States/CheckboxRemoteControlExample'
-        />
-      </ExampleSection>
-    )
-  }
-}
+const CheckboxStatesExamples = () => (
+  <ExampleSection title='States'>
+    <ComponentExample
+      title='Checked'
+      description='A checkbox can come pre-checked.'
+      examplePath='modules/Checkbox/States/CheckboxExampleChecked'
+    >
+      <Message>
+        Use{' '}
+        <a href='https://facebook.github.io/react/docs/forms.html#default-value' target='_blank'>
+          <code>defaultChecked</code>
+        </a>
+        {' '}as you normally would to set default form values.
+      </Message>
+    </ComponentExample>
+    <ComponentExample
+      title='Disabled'
+      description='Checkboxes can be disabled.'
+      examplePath='modules/Checkbox/States/CheckboxExampleDisabled'
+    />
+    <ComponentExample
+      title='Read Only'
+      description='Make the checkbox unable to be edited by the user.'
+      examplePath='modules/Checkbox/States/CheckboxExampleReadOnly'
+    />
+    <ComponentExample
+      title='Remote Control'
+      description='You can trigger events remotely.'
+      examplePath='modules/Checkbox/States/CheckboxExampleRemoteControl'
+    />
+  </ExampleSection>
+)
+
+export default CheckboxStatesExamples

docs/app/Examples/modules/Checkbox/States/Disabled.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Checkbox } from 'semantic-ui-react'
+
+const CheckboxExampleCheckbox = () => (
+  <Checkbox label='Make my profile visible' />
+)
+
+export default CheckboxExampleCheckbox