Documentation: Gather all Gutenberg Documentation in Storybook

.storybook/config.js

@@ -14,6 +14,13 @@ import './style.scss';
 
 function loadStories() {
 	window.wp = { ...window.wp, element };
+	require( './stories/intro' );
+	require( './stories/contributing' );
+	require( './stories/coding-guidelines' );
+	require( '../i18n/story' );
+	require( '../element/story' );
+	require( '../blocks/story' );
+	require( '../editor/story' );
 	require( '../components/story' );
 	require( '../components/button/story' );
 	require( '../components/higher-order/story' );

.storybook/stories/coding-guidelines.js

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import ReactMarkdown from 'react-markdown';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+
+/**
+ * Internal dependencies
+ */
+import readme from '../../docs/coding-guidelines.md';
+
+storiesOf( 'Gutenberg', module )
+	.addDecorator( withKnobs )
+	.add( 'Coding Guidelines', () => <ReactMarkdown source={ readme } /> );

.storybook/stories/contributing.js

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import ReactMarkdown from 'react-markdown';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+
+/**
+ * Internal dependencies
+ */
+import readme from '../../CONTRIBUTING.md';
+
+storiesOf( 'Gutenberg', module )
+	.addDecorator( withKnobs )
+	.add( 'Contributing', () => <ReactMarkdown source={ readme } /> );

.storybook/stories/intro.js

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import ReactMarkdown from 'react-markdown';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+
+/**
+ * Internal dependencies
+ */
+import readme from '../../README.md';
+
+storiesOf( 'Gutenberg', module )
+	.addDecorator( withKnobs )
+	.add( 'Intro', () => <ReactMarkdown source={ readme } /> );

blocks/story/index.js

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import ReactMarkdown from 'react-markdown';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+
+/**
+ * Internal dependencies
+ */
+import readme from '../README.md';
+
+storiesOf( 'Modules', module )
+	.addDecorator( withKnobs )
+	.add( 'Blocks', () => <ReactMarkdown source={ readme } /> );

editor/story/index.js

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import ReactMarkdown from 'react-markdown';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+
+/**
+ * Internal dependencies
+ */
+import readme from '../README.md';
+
+storiesOf( 'Modules', module )
+	.addDecorator( withKnobs )
+	.add( 'Editor', () => <ReactMarkdown source={ readme } /> );

element/story/index.js

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import ReactMarkdown from 'react-markdown';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+
+/**
+ * Internal dependencies
+ */
+import readme from '../README.md';
+
+storiesOf( 'Modules', module )
+	.addDecorator( withKnobs )
+	.add( 'Element', () => <ReactMarkdown source={ readme } /> );

i18n/story/index.js

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import ReactMarkdown from 'react-markdown';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+
+/**
+ * Internal dependencies
+ */
+import readme from '../README.md';
+
+storiesOf( 'Modules', module )
+	.addDecorator( withKnobs )
+	.add( 'i18n', () => <ReactMarkdown source={ readme } /> );