UNPKG

skypager-project-types-react

Version:
93 lines (73 loc) 3.82 kB
(function webpackUniversalModuleDefinition(root, factory) { if(typeof exports === 'object' && typeof module === 'object') module.exports = factory(); else if(typeof define === 'function' && define.amd) define([], factory); else { var a = factory(); for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; } })(this, function() { return /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) /******/ return installedModules[moduleId].exports; /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ // Flag the module as loaded /******/ module.l = true; /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ // identity function for calling harmory imports with the correct context /******/ __webpack_require__.i = function(value) { return value; }; /******/ // define getter function for harmory exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ Object.defineProperty(exports, name, { /******/ configurable: false, /******/ enumerable: true, /******/ get: getter /******/ }); /******/ }; /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ // __webpack_public_path__ /******/ __webpack_require__.p = "/"; /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = 1); /******/ }) /************************************************************************/ /******/ ([ /* 0 */ /***/ function(module, exports) { module.exports = "# Embedding React Components In Markdown \n\nYou begin write a markdown document as usual. But then you want to render a react component.\n\nLook at the component below:\n\n```jsx\n<StatelessExample propOne=\"propOne\" propTwo=\"propTwo\">\n <h1>Hello World</h1> \n <ExampleComponent name=\"Whatever\" />\n</StatelessExample>\n```\n\n## Components\n\nAny code blocks that live underneath the components section will be defined and registered automatically.\n\n### Example Component\n\n```javascript\nclass ExampleComponent extends React.Component {\n render() {\n return (<div>This is an example component! My name is ${this.props.name}</div>)\n }\n}\n```\n\n### Stateless Example\n\n```javascript\n(props = {}) => \n <div>\n <ul>\n { Object.keys(props).map((key) => (\n <li key={key}>Has the {key} prop</li>\n ))}\n </ul>\n {props.children}\n </div>\n```\n" /***/ }, /* 1 */ /***/ function(module, exports, __webpack_require__) { module.exports = __webpack_require__(0); /***/ } /******/ ]) }); ;