diff --git a/packages/patternfly-4/react-core/src/components/Switch/Switch.d.ts b/packages/patternfly-4/react-core/src/components/Switch/Switch.d.ts
new file mode 100644
index 00000000000..f3433ec2388
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/Switch.d.ts
@@ -0,0 +1,16 @@
+import { HTMLProps, FormEvent, ReactNode } from 'react';
+import { Omit } from '../../typeUtils';
+
+export interface SwitchProps extends Omit<HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'> {
+  isDisabled?: boolean;
+  isChecked?: boolean;
+  onChange?(checked: boolean, event: FormEvent<HTMLInputElement>): void;
+  id?: string;
+  'aria-label': string;
+  label?: string;
+  className?: string;
+}
+
+declare const Switch: React.SFC<SwitchProps>;
+
+export default Switch;
diff --git a/packages/patternfly-4/react-core/src/components/Switch/Switch.docs.js b/packages/patternfly-4/react-core/src/components/Switch/Switch.docs.js
new file mode 100644
index 00000000000..da9d5b1ca33
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/Switch.docs.js
@@ -0,0 +1,18 @@
+import { Switch } from '@patternfly/react-core';
+import SimpleSwitch from './examples/SimpleSwitch';
+import NoLabelSwitch from './examples/NoLabelSwitch';
+import DisabledSwitch from './examples/DisabledSwitch';
+import UncontrolledSwitch from './examples/UncontrolledSwitch';
+
+export default {
+  title: 'Switch',
+  components: {
+    Switch
+  },
+  examples: [
+    { component: SimpleSwitch, title: 'Simple Switch' },
+    { component: NoLabelSwitch, title: 'Switch with no labels' },
+    { component: DisabledSwitch, title: 'Disabled Switch' },
+    { component: UncontrolledSwitch, title: 'Uncontrolled Switch' }
+  ]
+};
diff --git a/packages/patternfly-4/react-core/src/components/Switch/Switch.js b/packages/patternfly-4/react-core/src/components/Switch/Switch.js
new file mode 100644
index 00000000000..3dc2652cafe
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/Switch.js
@@ -0,0 +1,68 @@
+import React from 'react';
+import styles from '@patternfly/patternfly-next/components/Switch/switch.css';
+import { css } from '@patternfly/react-styles';
+import PropTypes from 'prop-types';
+import { getUniqueId } from '../../internal/util';
+
+const propTypes = {
+  /** id for the label. */
+  id: PropTypes.string,
+  /** Additional classes added to the Switch */
+  className: PropTypes.string,
+  /** Text value for the label */
+  label: PropTypes.string,
+  /** Flag to show if the Switch is checked. */
+  isChecked: PropTypes.bool,
+  /** Flag to show if the Switch is disabled. */
+  isDisabled: PropTypes.bool,
+  /** A callback for when the Switch selection changes. (isChecked, event) => {} */
+  onChange: PropTypes.func,
+  /** Adds accessible text to the Switch. */
+  'aria-label': props => {
+    if (!props.id && !props['aria-label']) {
+      return new Error('Switch requires either an id or aria-label to be specified');
+    }
+  }
+};
+
+const defaultProps = {
+  id: '',
+  className: '',
+  label: '',
+  isChecked: true,
+  isDisabled: false,
+  onChange: () => undefined,
+  'aria-label': ''
+};
+
+class Switch extends React.Component {
+  id = this.props.id || getUniqueId();
+
+  render() {
+    const { id, className, label, isChecked, isDisabled, onChange, ...props } = this.props;
+    return (
+      <label className={css(styles.switch, className)} htmlFor={this.id}>
+        <input
+          {...props}
+          id={this.id}
+          className={css(styles.switchInput)}
+          type="checkbox"
+          onChange={event => onChange(event.currentTarget.checked, event)}
+          checked={isChecked}
+          disabled={isDisabled}
+        />
+        <span className={css(styles.switchToggle)} />
+        {label && (
+          <span className={css(styles.switchLabel)} aria-hidden="true">
+            {label}
+          </span>
+        )}
+      </label>
+    );
+  }
+}
+
+Switch.propTypes = propTypes;
+Switch.defaultProps = defaultProps;
+
+export default Switch;
diff --git a/packages/patternfly-4/react-core/src/components/Switch/Switch.test.js b/packages/patternfly-4/react-core/src/components/Switch/Switch.test.js
new file mode 100644
index 00000000000..c168d64360a
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/Switch.test.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import Switch from './Switch';
+
+const props = {
+  onChange: jest.fn(),
+  checked: false
+};
+
+test('switch label for attribute equals input id attribute', () => {
+  const view = shallow(<Switch id="foo" />);
+  expect(view.find('input').prop('id')).toBe('foo');
+  expect(view.find('label').prop('htmlFor')).toBe('foo');
+});
+
+test('switch label id is auto generated', () => {
+  const view = shallow(<Switch aria-label="..." />);
+  expect(view.find('input').prop('id')).toBeDefined();
+});
+
+test('switch is checked', () => {
+  const view = shallow(<Switch id="switch-is-checked" label="On" isChecked />);
+  expect(view).toMatchSnapshot();
+});
+
+test('switch is not checked', () => {
+  const view = shallow(<Switch id="switch-is-not-checked" label="Off" isChecked={false} />);
+  expect(view).toMatchSnapshot();
+});
+
+test('no label switch is checked', () => {
+  const view = shallow(<Switch id="no-label-switch-is-checked" isChecked />);
+  expect(view).toMatchSnapshot();
+});
+
+test('no label switch is not checked', () => {
+  const view = shallow(<Switch id="no-label-switch-is-not-checked" isChecked={false} />);
+  expect(view).toMatchSnapshot();
+});
+
+test('switch is checked and disabled', () => {
+  const view = shallow(<Switch id="switch-is-checked-and-disabled" isChecked isDisabled />);
+  expect(view).toMatchSnapshot();
+});
+
+test('switch is not checked and disabled', () => {
+  const view = shallow(<Switch id="switch-is-not-checked-and-disabled" isChecked={false} isDisabled />);
+  expect(view).toMatchSnapshot();
+});
+
+test('switch passes value and event to onChange handler', () => {
+  const newValue = true;
+  const event = {
+    currentTarget: { checked: newValue }
+  };
+  const view = shallow(<Switch id="onChange-switch" {...props} />);
+  view.find('input').simulate('change', event);
+  expect(props.onChange).toBeCalledWith(newValue, event);
+});
diff --git a/packages/patternfly-4/react-core/src/components/Switch/__snapshots__/Switch.test.js.snap b/packages/patternfly-4/react-core/src/components/Switch/__snapshots__/Switch.test.js.snap
new file mode 100644
index 00000000000..7a1df65c3e0
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/__snapshots__/Switch.test.js.snap
@@ -0,0 +1,223 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`no label switch is checked 1`] = `
+.pf-c-switch__input {
+  display: block;
+}
+.pf-c-switch__toggle {
+  display: block;
+}
+.pf-c-switch {
+  display: inline-block;
+  position: relative;
+  line-height: 1.5;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+<label
+  className="pf-c-switch"
+  htmlFor="no-label-switch-is-checked"
+>
+  <input
+    aria-label=""
+    checked={true}
+    className="pf-c-switch__input"
+    disabled={false}
+    id="no-label-switch-is-checked"
+    onChange={[Function]}
+    type="checkbox"
+  />
+  <span
+    className="pf-c-switch__toggle"
+  />
+</label>
+`;
+
+exports[`no label switch is not checked 1`] = `
+.pf-c-switch__input {
+  display: block;
+}
+.pf-c-switch__toggle {
+  display: block;
+}
+.pf-c-switch {
+  display: inline-block;
+  position: relative;
+  line-height: 1.5;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+<label
+  className="pf-c-switch"
+  htmlFor="no-label-switch-is-not-checked"
+>
+  <input
+    aria-label=""
+    checked={false}
+    className="pf-c-switch__input"
+    disabled={false}
+    id="no-label-switch-is-not-checked"
+    onChange={[Function]}
+    type="checkbox"
+  />
+  <span
+    className="pf-c-switch__toggle"
+  />
+</label>
+`;
+
+exports[`switch is checked 1`] = `
+.pf-c-switch__input {
+  display: block;
+}
+.pf-c-switch__toggle {
+  display: block;
+}
+.pf-c-switch__label {
+  display: block;
+}
+.pf-c-switch {
+  display: inline-block;
+  position: relative;
+  line-height: 1.5;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+<label
+  className="pf-c-switch"
+  htmlFor="switch-is-checked"
+>
+  <input
+    aria-label=""
+    checked={true}
+    className="pf-c-switch__input"
+    disabled={false}
+    id="switch-is-checked"
+    onChange={[Function]}
+    type="checkbox"
+  />
+  <span
+    className="pf-c-switch__toggle"
+  />
+  <span
+    aria-hidden="true"
+    className="pf-c-switch__label"
+  >
+    On
+  </span>
+</label>
+`;
+
+exports[`switch is checked and disabled 1`] = `
+.pf-c-switch__input {
+  display: block;
+}
+.pf-c-switch__toggle {
+  display: block;
+}
+.pf-c-switch {
+  display: inline-block;
+  position: relative;
+  line-height: 1.5;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+<label
+  className="pf-c-switch"
+  htmlFor="switch-is-checked-and-disabled"
+>
+  <input
+    aria-label=""
+    checked={true}
+    className="pf-c-switch__input"
+    disabled={true}
+    id="switch-is-checked-and-disabled"
+    onChange={[Function]}
+    type="checkbox"
+  />
+  <span
+    className="pf-c-switch__toggle"
+  />
+</label>
+`;
+
+exports[`switch is not checked 1`] = `
+.pf-c-switch__input {
+  display: block;
+}
+.pf-c-switch__toggle {
+  display: block;
+}
+.pf-c-switch__label {
+  display: block;
+}
+.pf-c-switch {
+  display: inline-block;
+  position: relative;
+  line-height: 1.5;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+<label
+  className="pf-c-switch"
+  htmlFor="switch-is-not-checked"
+>
+  <input
+    aria-label=""
+    checked={false}
+    className="pf-c-switch__input"
+    disabled={false}
+    id="switch-is-not-checked"
+    onChange={[Function]}
+    type="checkbox"
+  />
+  <span
+    className="pf-c-switch__toggle"
+  />
+  <span
+    aria-hidden="true"
+    className="pf-c-switch__label"
+  >
+    Off
+  </span>
+</label>
+`;
+
+exports[`switch is not checked and disabled 1`] = `
+.pf-c-switch__input {
+  display: block;
+}
+.pf-c-switch__toggle {
+  display: block;
+}
+.pf-c-switch {
+  display: inline-block;
+  position: relative;
+  line-height: 1.5;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+<label
+  className="pf-c-switch"
+  htmlFor="switch-is-not-checked-and-disabled"
+>
+  <input
+    aria-label=""
+    checked={false}
+    className="pf-c-switch__input"
+    disabled={true}
+    id="switch-is-not-checked-and-disabled"
+    onChange={[Function]}
+    type="checkbox"
+  />
+  <span
+    className="pf-c-switch__toggle"
+  />
+</label>
+`;
diff --git a/packages/patternfly-4/react-core/src/components/Switch/examples/DisabledSwitch.js b/packages/patternfly-4/react-core/src/components/Switch/examples/DisabledSwitch.js
new file mode 100644
index 00000000000..75d529ce62b
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/examples/DisabledSwitch.js
@@ -0,0 +1,42 @@
+import React from 'react';
+import { Switch } from '@patternfly/react-core';
+
+class DisabledSwitch extends React.Component {
+  render() {
+    return (
+      <React.Fragment>
+        <Switch
+          id="disabled-switch-on"
+          aria-label="disabled checked switch example"
+          label="On"
+          isChecked
+          isDisabled
+        />
+        <br />
+        <Switch
+          id="disabled-switch-off"
+          aria-label="disabled switch example"
+          label="Off"
+          isChecked={false}
+          isDisabled
+        />
+        <br />
+        <Switch
+          id="disabled-no-label-switch-on"
+          aria-label="disabled no label checked switch example"
+          isChecked
+          isDisabled
+        />
+        <br />
+        <Switch
+          id="disabled-no-label-switch-off"
+          aria-label="disabled no label switch example"
+          isChecked={false}
+          isDisabled
+        />
+      </React.Fragment>
+    );
+  }
+}
+
+export default DisabledSwitch;
diff --git a/packages/patternfly-4/react-core/src/components/Switch/examples/NoLabelSwitch.js b/packages/patternfly-4/react-core/src/components/Switch/examples/NoLabelSwitch.js
new file mode 100644
index 00000000000..af697612344
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/examples/NoLabelSwitch.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import { Switch } from '@patternfly/react-core';
+
+class NoLabelSwitch extends React.Component {
+  state = {
+    isChecked: true
+  };
+
+  handleChange = isChecked => {
+    this.setState({ isChecked });
+  };
+
+  render() {
+    const { isChecked } = this.state;
+    return (
+        <Switch
+          id="no-label-switch-on"
+          aria-label="no label checked switch example"
+          isChecked={isChecked}
+          onChange={this.handleChange}
+        />
+    );
+  }
+}
+
+export default NoLabelSwitch;
diff --git a/packages/patternfly-4/react-core/src/components/Switch/examples/SimpleSwitch.js b/packages/patternfly-4/react-core/src/components/Switch/examples/SimpleSwitch.js
new file mode 100644
index 00000000000..8572b941a8b
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/examples/SimpleSwitch.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Switch } from '@patternfly/react-core';
+
+class SimpleSwitch extends React.Component {
+  state = {
+    isChecked: true
+  };
+
+  handleChange = isChecked => {
+    this.setState({ isChecked });
+  };
+
+  render() {
+    const { isChecked } = this.state;
+    return (
+      <Switch
+        id="simple-switch"
+        label={isChecked ? 'On' : 'Off'}
+        isChecked={isChecked}
+        onChange={this.handleChange}
+        aria-label="simple Switch example"
+      />
+    );
+  }
+}
+
+export default SimpleSwitch;
diff --git a/packages/patternfly-4/react-core/src/components/Switch/examples/UncontrolledSwitch.js b/packages/patternfly-4/react-core/src/components/Switch/examples/UncontrolledSwitch.js
new file mode 100644
index 00000000000..68bcb223e3e
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/examples/UncontrolledSwitch.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import { Switch } from '@patternfly/react-core';
+
+class UncontrolledSwitch extends React.Component {
+  render() {
+    return (
+      <React.Fragment>
+        <Switch
+          id="uncontrolled-switch-on"
+          aria-label="uncontrolled checked switch example"
+          label="On"
+          isChecked
+        />
+        <br />
+        <Switch
+          id="uncontrolled-switch-off"
+          aria-label="uncontrolled switch example"
+          label="Off"
+          isChecked={false}
+        />
+        <br />
+        <Switch
+          id="uncontrolled-no-label-switch-on"
+          aria-label="uncontrolled no label checked switch example"
+          isChecked
+        />
+        <br />
+        <Switch
+          id="uncontrolled-no-label-switch-off"
+          aria-label="uncontrolled no label switch example"
+          isChecked={false}
+        />
+      </React.Fragment>
+    );
+  }
+}
+
+export default UncontrolledSwitch;
diff --git a/packages/patternfly-4/react-core/src/components/Switch/index.d.ts b/packages/patternfly-4/react-core/src/components/Switch/index.d.ts
new file mode 100644
index 00000000000..433b789e089
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/index.d.ts
@@ -0,0 +1 @@
+export { default as Switch, SwitchProps } from './Switch';
diff --git a/packages/patternfly-4/react-core/src/components/Switch/index.js b/packages/patternfly-4/react-core/src/components/Switch/index.js
new file mode 100644
index 00000000000..4f1eea554da
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/Switch/index.js
@@ -0,0 +1 @@
+export { default as Switch } from './Switch';
diff --git a/packages/patternfly-4/react-core/src/components/index.d.ts b/packages/patternfly-4/react-core/src/components/index.d.ts
index 500d7612959..8bac8a25c68 100644
--- a/packages/patternfly-4/react-core/src/components/index.d.ts
+++ b/packages/patternfly-4/react-core/src/components/index.d.ts
@@ -18,6 +18,7 @@ export * from './Nav';
 export * from './Progress';
 export * from './Radio';
 export * from './Select';
+export * from './Switch';
 export * from './TextArea';
 export * from './TextInput';
 export * from './Title';
diff --git a/packages/patternfly-4/react-core/src/components/index.js b/packages/patternfly-4/react-core/src/components/index.js
index 881621ef0ff..1856683851b 100644
--- a/packages/patternfly-4/react-core/src/components/index.js
+++ b/packages/patternfly-4/react-core/src/components/index.js
@@ -19,6 +19,7 @@ export * from './Nav';
 export * from './Progress';
 export * from './Radio';
 export * from './Select';
+export * from './Switch';
 export * from './TextArea';
 export * from './TextInput';
 export * from './Title';