First release

node_modules/nes.css/story/balloons/balloons.stories.js

@@ -0,0 +1,8 @@
+import { storiesOf } from '@storybook/html';
+import { withKnobs } from '@storybook/addon-knobs';
+
+import Ballons from './balloons.template';
+
+storiesOf('Balloons', module)
+  .addDecorator(withKnobs)
+  .add('Balloon', () => Ballons());

node_modules/nes.css/story/balloons/balloons.template.js

@@ -0,0 +1,25 @@
+import { select, boolean } from '@storybook/addon-knobs';
+import classNames from 'classnames';
+
+export default () => {
+  const isDark = boolean('is-dark', false);
+  const balloonDirection = select('Direction', {
+    default: '',
+    'from-left': 'from-left',
+    'from-right': 'from-right',
+  }, '');
+
+  const balloonClasses = classNames(
+    'nes-balloon',
+    balloonDirection,
+    {
+      'is-dark': isDark,
+    },
+  );
+
+  return `
+    <div class="${balloonClasses}">
+      <p>Hello NES.css</p>
+    </div>
+  `;
+};