ReactJS Material Design UI Button Component Example

import React from 'react';
import './style.css';

/**
* @author
* @function MaterialButton
**/

const MaterialButton = (props) => {
  return(
      <div style={{ width: '90%' }}>
        <button
            className="materialButton"
        >
            {props.title && props.title}
        </button>
      </div>
    
   )

 }

export default MaterialButton

.materialButton{
    width: 100%;
    display: inline-block;
    padding: 15px;
    font-size: 15px;
    outline: none;
    background-color: #fb641b;
    color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    border: none;
    cursor: pointer;
    border-radius: 2px;
}
.materialButton:hover{
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.12);
}