[react-website] Add support for react-bootstrap components.

Author: ramasilveyra

packages/react-website/package.json

@@ -21,13 +21,14 @@
     "npm": "^3.10.8"
   },
   "dependencies": {
-    "auth0-styleguide-react-components": "*",
     "auth0-styleguide-core": "*",
+    "auth0-styleguide-react-components": "*",
     "babel-polyfill": "^6.16.0",
     "codemirror": "^5.19.0",
     "component-playground": "^1.3.1",
     "highlight.js": "^9.7.0",
     "react": "^15.3.2",
+    "react-bootstrap": "^0.30.6",
     "react-copy-to-clipboard": "^4.2.3",
     "react-docgen": "^2.11.0",
     "react-dom": "^15.3.2",

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

@@ -53,7 +53,8 @@ function generateComponentsCollection(listOfComponents) {
         component: listOfComponents[component],
         props: doc.props,
         name: component,
-        examples
+        examples,
+        reactBootstrap: doc['react-bootstrap']
       };
     })
     .filter(component => !!component);

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

@@ -2,12 +2,17 @@ import React, { PropTypes } from 'react';
 import { Example, PropertiesTable } from 'components';
 import './index.styl';
 
-const ComponentPage = ({ title, description, props, url, examples }) =>
+const ComponentPage = ({ title, description, props, url, examples, reactBootstrap }) =>
   <section className="react-component-page">
     <div className="component-information">
       <h1 className="component-title">{title}</h1>
       <p className="component-description">{description}</p>
     </div>
+    {reactBootstrap && (
+      <div>
+        <p>This component is from <a href="https://react-bootstrap.github.io/">React-Bootstrap</a>, find more info about this component <a href={reactBootstrap}>here</a>. License: <a href="https://github.com/react-bootstrap/react-bootstrap/blob/master/LICENSE">MIT</a>.</p>
+      </div>
+    )}
     {examples.map((example, index) =>
       <Example
         key={index}
@@ -28,7 +33,8 @@ ComponentPage.propTypes = {
   description: PropTypes.string.isRequired,
   url: PropTypes.string.isRequired,
   props: PropTypes.object,
-  examples: PropTypes.array.isRequired
+  examples: PropTypes.array.isRequired,
+  reactBootstrap: PropTypes.string
 };
 
 export default ComponentPage;