Add component description support.

Author: arielger

packages/react-components/src/EmptyState/index.js

@@ -1,6 +1,9 @@
 import React, { PropTypes } from 'react';
 import styles from './index.styl';
 
+/**
+ * Empty state: Simple component for onboarding users to sections with no data.
+ */
 const EmptyState = (props) => {
   return (
     <div className="empty-state">

packages/website/src/containers/App/index.js

@@ -39,10 +39,12 @@ export default App;
 function generateComponentsCollection(listOfComponents) {
   return Object.keys(listOfComponents).map(component => {
     const doc = StyleguideComponentsDocs[component];
-    const [title] = doc.description.split(':');
+    let [title, description] = doc.description.split(':');
+    description = description.slice(1);
 
     return {
       title,
+      description,
       url: toURL(title),
       component: listOfComponents[component],
       doc

packages/website/src/containers/ComponentPage/index.js

@@ -6,9 +6,7 @@ const ComponentPage = ({ component }) => {
   return (
     <section className="react-component-page">
       <h1 className="component-title">{component.title}</h1>
-      <p className="component-description">
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, quos.
-      </p>
+      <p className="component-description">{component.description}</p>
       <Playground>
         <component.component />
       </Playground>