Style page with gitbook-markdown-css

3 files changed, 55 insertions, 0 deletions

diff --git a/packages/gitbook-core/src/components/Button.js b/packages/gitbook-core/src/components/Button.js
new file mode 100644
index 0000000..7368d01
--- /dev/null
+++ b/packages/gitbook-core/src/components/Button.js
@@ -0,0 +1,23 @@
+const React = require('react');
+//const classNames = require('classnames');
+
+const Button = React.createClass({
+    propTypes: {
+        active:    React.PropTypes.bool,
+        href:      React.PropTypes.string,
+        className: React.PropTypes.string,
+        children:  React.PropTypes.node,
+        onClick:   React.PropTypes.func
+    },
+
+    render() {
+        const { children, active, onClick, className } = this.props;
+        /*const className = classNames('GitBook//Button', this.props.className, {
+            active
+        });*/
+
+        return <button className={className} onClick={onClick}>{children}</button>;
+    }
+});
+
+module.exports = Button;
diff --git a/packages/gitbook-core/src/components/Icon.js b/packages/gitbook-core/src/components/Icon.js
new file mode 100644
index 0000000..fac446a
--- /dev/null
+++ b/packages/gitbook-core/src/components/Icon.js
@@ -0,0 +1,28 @@
+const React = require('react');
+
+const Icon = React.createClass({
+    propTypes: {
+        id:        React.PropTypes.string,
+        type:      React.PropTypes.string,
+        className: React.PropTypes.string
+    },
+
+    getDefaultProps() {
+        return {
+            type: 'fa'
+        };
+    },
+
+    render() {
+        const { id, type } = this.props;
+        let { className } = this.props;
+
+        if (id) {
+            className = type + ' ' + type + '-' + id;
+        }
+
+        return <i className={className}/>;
+    }
+});
+
+module.exports = Icon;
diff --git a/packages/gitbook-core/src/index.js b/packages/gitbook-core/src/index.js
index f002d9e..7ae4841 100644
--- a/packages/gitbook-core/src/index.js
+++ b/packages/gitbook-core/src/index.js
@@ -6,6 +6,8 @@ const { InjectedComponent, InjectedComponentSet } = require('./components/Inject
 const { ImportLink, ImportScript, ImportCSS } = require('./components/Import');
 const HTMLContent = require('./components/HTMLContent');
 const Link = require('./components/Link');
+const Icon = require('./components/Icon');
+const Button = require('./components/Button');
 
 const { registerComponent } = require('./actions/components');
 const ACTIONS = require('./actions/TYPES');
@@ -41,6 +43,8 @@ module.exports = {
     FlexLayout: Flex,
     FlexBox: Box,
     Link,
+    Icon,
+    Button,
     // Utilities
     Shapes
 };