UNPKG

@ustack/uskin

Version:

A graceful framework which provides developers another chance to build an amazing site.

110 lines (101 loc) 4.36 kB
/******/ (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 harmony imports with the correct context /******/ __webpack_require__.i = function(value) { return value; }; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ 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 = 105); /******/ }) /************************************************************************/ /******/ ({ /***/ 105: /***/ (function(module, exports, __webpack_require__) { "use strict"; var _uskin = uskin, Tip = _uskin.Tip; var text = { title: 'Note:', content: 'I am content', info: 'I am a info tip', success: 'I am a success tip', warning: 'I am a warning tip', danger: 'I am a danger tip', para: 'A classification of architectural styles for network-based application software by the architectural properties they would induce when applied to the architecture for a distributed hypermedia system' }; ReactDOM.render(React.createElement( 'div', null, React.createElement(Tip, { title: text.title, content: text.content, isAutoHide: true }), React.createElement(Tip, { content: text.info, type: 'info' }), React.createElement(Tip, { title: text.title, content: text.success, type: 'success' }), React.createElement(Tip, { title: text.title, content: text.warning, type: 'warning' }), React.createElement(Tip, { title: text.title, content: text.danger, type: 'danger' }), React.createElement(Tip, { title: text.title, content: text.para, type: 'danger', width: '400' }), React.createElement(Tip, { content: text.content, showIcon: true, enableClose: true }), React.createElement(Tip, { content: text.info, showIcon: true, enableClose: true, type: 'info' }), React.createElement(Tip, { content: text.success, showIcon: true, enableClose: true, type: 'success' }), React.createElement(Tip, { content: text.warning, showIcon: true, enableClose: true, type: 'warning' }), React.createElement(Tip, { content: text.danger, showIcon: true, enableClose: true, type: 'danger' }), React.createElement(Tip, { content: text.para, showIcon: true, enableClose: true, type: 'danger', width: 500 }) ), document.getElementById('example')); /***/ }) /******/ });