From 7b7b0426efcbbda929182a43aca293ef8c212497 Mon Sep 17 00:00:00 2001 From: Keren Chandran Date: Sat, 26 Mar 2016 19:54:30 -0400 Subject: [PATCH] Added onMouseUp and onMouseLeave props to Icon Button to make it similar to Button Component. --- components/button/IconButton.jsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/components/button/IconButton.jsx b/components/button/IconButton.jsx index 40127045..f8e11627 100644 --- a/components/button/IconButton.jsx +++ b/components/button/IconButton.jsx @@ -14,6 +14,8 @@ class IconButton extends React.Component { icon: React.PropTypes.any, inverse: React.PropTypes.bool, neutral: React.PropTypes.bool, + onMouseLeave: React.PropTypes.func, + onMouseUp: React.PropTypes.func, primary: React.PropTypes.bool, type: React.PropTypes.string }; @@ -25,8 +27,14 @@ class IconButton extends React.Component { primary: false }; - handleMouseUp = () => { + handleMouseUp = (event) => { this.refs.button.blur(); + if (this.props.onMouseUp) this.props.onMouseUp(event); + }; + + handleMouseLeave = (event) => { + this.refs.button.blur(); + if (this.props.onMouseLeave) this.props.onMouseLeave(event); }; render () {