deku-button
Advanced tools
+36
| /** @jsx dom */ | ||
| 'use strict'; | ||
| Object.defineProperty(exports, '__esModule', { | ||
| value: true | ||
| }); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
| var _magicVirtualElement = require('magic-virtual-element'); | ||
| var _magicVirtualElement2 = _interopRequireDefault(_magicVirtualElement); | ||
| var propTypes = { | ||
| 'class': { | ||
| type: 'string' | ||
| }, | ||
| onClick: { | ||
| type: 'function' | ||
| } | ||
| }; | ||
| function render(_ref) { | ||
| var props = _ref.props; | ||
| var children = props.children; | ||
| var onClick = props.onClick; | ||
| return (0, _magicVirtualElement2['default'])( | ||
| 'button', | ||
| { 'class': ['Button', props['class']], onClick: onClick }, | ||
| children | ||
| ); | ||
| } | ||
| exports['default'] = { propTypes: propTypes, render: render }; | ||
| module.exports = exports['default']; |
+5
-2
| { | ||
| "name": "deku-button", | ||
| "version": "1.0.0", | ||
| "version": "1.1.0", | ||
| "description": "My ultimate module", | ||
@@ -16,6 +16,8 @@ "license": "MIT", | ||
| "scripts": { | ||
| "prepublish": "babel index.js --out-file dist.js", | ||
| "test": "./node_modules/.bin/eslint index.js" | ||
| }, | ||
| "main": "dist.js", | ||
| "files": [ | ||
| "index.js" | ||
| "dist.js" | ||
| ], | ||
@@ -31,2 +33,3 @@ "keywords": [ | ||
| "devDependencies": { | ||
| "babel": "^5.8.23", | ||
| "babel-eslint": "^4.1.1", | ||
@@ -33,0 +36,0 @@ "eslint": "^1.3.1", |
+5
-5
@@ -18,8 +18,8 @@ # deku-button | ||
| function handle(e) { | ||
| console.log(e.target.className); | ||
| //=> 'Button' | ||
| } | ||
| export function render() { | ||
| function handle(e) { | ||
| console.log(e.target.className); | ||
| //=> 'Button' | ||
| } | ||
| return ( | ||
@@ -26,0 +26,0 @@ <Button onClick={handle}> |
-23
| /** @jsx dom */ | ||
| import dom from 'magic-virtual-element'; | ||
| const propTypes = { | ||
| class: { | ||
| type: 'string' | ||
| }, | ||
| onClick: { | ||
| type: 'function' | ||
| } | ||
| }; | ||
| function render({props}) { | ||
| const {children, onClick} = props; | ||
| return ( | ||
| <button class={['Button', props.class]} onClick={onClick}> | ||
| {children} | ||
| </button> | ||
| ); | ||
| } | ||
| export default {propTypes, render}; |
3324
18.33%28
47.37%7
16.67%