Paper Buttons should be real buttons

[eskimoblood]

The PaperButton component is a div at the moment. This is not an ideal a solution cause you lost the feature to accessing the button by tab clicks. I would propose a change in the Paper component so that it will support the setting of the element type like this:

var Root = React.createFactory(this.props.elementType || 'div');
    return (
      <Root className={classes} onClick={this._onClick} onMouseDown={this._onMouseDown} onMouseUp={this._onMouseUp}>
        <div className={insideClasses}>
          {this.props.children}
        </div>
      </Root>
    );

[aaronshaf]

Using the <button> tag gives you wins with accessibility

[hai-cea]

Thanks for the feedback. We're working on this now.

[hai-cea]

This has been implemented on master and will go up in the next release. Three new components were created to replace the current PaperButton component - FlatButton, RaisedButton, and FloatingActionButton. These new buttons activate a focus animation on tab and also listens to OnTouchTap to remove the 300ms delay on touch devices.