diff --git a/README.md b/README.md index 9806d30..e44502e 100755 --- a/README.md +++ b/README.md @@ -55,6 +55,7 @@ class Example extends React.Component { tooltip = "Edit" theme = "light" size = "medium" + onClick = { doSomething } /> ); } diff --git a/dist/index.js b/dist/index.js index 92714ce..e843e87 100644 --- a/dist/index.js +++ b/dist/index.js @@ -84,12 +84,13 @@ var svgPaths = { var keys = Object.keys(svgPaths); exports.keys = keys; -var svgCmp = function svgCmp(path) { +var svgCmp = function svgCmp(path, onClick) { return _react["default"].createElement("svg", { focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true", - role: "presentation" + role: "presentation", + onClick: onClick ? onClick : null }, _react["default"].createElement("path", { d: path })); @@ -110,7 +111,7 @@ function Icon(args) { } if (theme === 'none') { - return svgCmp(path); + return svgCmp(path, onClick); } else { var css = "crud-icon " + size + ' ' + args.className + ' ' + theme + (!!disabled ? ' disabled' : ''); return _react["default"].createElement("i", { diff --git a/src/Icon.js b/src/Icon.js index 16c6617..21b65ed 100644 --- a/src/Icon.js +++ b/src/Icon.js @@ -86,7 +86,8 @@ const svgPaths = { export const keys = Object.keys(svgPaths) -const svgCmp = path =>