Add additional prop for button and fab that accept other elements like `a`

For now, button and fab render fixed <button> element. However, button like components is usually used with <a> element or another react components as well.

For example, when I want to use react-router’s Link component with @material/react-button, it should be possible (component, tag prop name is just example):

<Button component={Link} to="/home">button</Button>

// or

<Button tag="a" href="/somewhere">button</Button>

It’s not possible, now.

If it’s an acceptable feature request, I can make a pr.

Thanks.

[moog16]

@wesleyabbey Ya I like that. Care to open PR?

[wesleyabbey]

What about having an href prop that, when passed in, turned the button into an <a/> tag?

    const SemanticButton = href ? 'a' : 'button';
    return (
      <SemanticButton
        className={classes}
        ref={initRipple}
        {...otherProps}
      >
        {icon ? this.renderIcon() : null}
        {children}
      </SemanticButton>
    );