vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Add touch ripple for buttons

old
Javi Velasco 2015-11-19 20:13:47 +01:00
parent 1ab45dbe5b
commit 7841b430d6
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/button/index.jsx
View File

@ -43,6 +43,12 @@ class Button extends React.Component {
if (this.props.onMouseDown) this.props.onMouseDown(event);
};
handleTouchStart = (event) => {
events.pauseEvent(event);
if (this.refs.ripple) this.refs.ripple.start(event.touches[0], true);
if (this.props.onTouchStart) this.props.onTouchStart(event);
};
render () {
const {accent, flat, floating, href, icon, label, loading, mini,
primary, raised, ripple, toggle, tooltip, ...others} = this.props;
@ -59,7 +65,8 @@ class Button extends React.Component {
href,
className,
disabled: this.props.disabled || this.props.loading,
onMouseDown: this.handleMouseDown
onMouseDown: this.handleMouseDown,
onTouchStart: this.handleTouchStart
};
return React.createElement(element, props,