Added story

atom.cson

@@ -0,0 +1,12 @@
+"*":
+  editor:
+    backUpBeforeSaving: true
+    fontSize: 13
+    invisibles: {}
+    lineHeight: 2.5
+    scrollPastEnd: true
+    scrollSensitivity: 80
+    showIndentGuide: true
+    showInvisibles: true
+    tabLength: 2
+    zoomFontWhenCtrlScrolling: true

lib/Checkbox/Checkbox.css

@@ -44,8 +44,7 @@
   flex-grow: 2;
   padding: 7px 2px;
   margin: 0 4px;
-  font-size: 0.8rem;
-  font-weight: bold;
+  font-weight: 600;
   color: var(--labelColor);
 
   &.error {

lib/Checkbox/Checkbox.stories.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react'; // eslint-disable-line import/no-extraneous-dependencies
+import Checkbox from './Checkbox';
+
+class CheckboxExample extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      selected: 'option_1',
+      options: [
+        {
+          label: 'Option 1',
+          value: 'option_1',
+        },
+        {
+          label: 'Option 2',
+          value: 'option_2',
+        },
+        {
+          label: 'Option 3',
+          value: 'option_3',
+        },
+        {
+          label: 'Option 4',
+          value: 'option_4',
+        },
+        {
+          label: 'Option 5 (with error)',
+          value: 'option_5',
+          error: true,
+        },
+      ],
+    };
+  }
+  render() {
+    const { selected, options } = this.state;
+    return (
+      <div style={{ padding: '15px' }}>
+        { options.map(option => (
+          <Checkbox
+            id={option.value}
+            label={option.label}
+          />
+        )) }
+      </div>
+    );
+  }
+}
+
+storiesOf('Checkbox', module)
+  .add('Basic Usage', () => (<CheckboxExample />));