react-md-components/src/divider/index.js

This is a react module containing a free collection of material design components.

import React from 'react';
import styles from './styles/divider.module.scss';
import PropTypes from 'prop-types';

const MDDivider = props => {
  const color = props.primaryColor || '';
  return (
    <div
      className={`${styles.MDDivider} ${
        props.className ? props.className : ''
      }`}
      style={{ width: props.fullWidth ? '100%' : '', background: color }}
      onMouseOver={props.onMouseOver}
    ></div>
  );
};

MDDivider.propTypes = {
  primaryColor: PropTypes.string,
  className: PropTypes.string,
  fullWidth: PropTypes.bool,
  onMouseOver: PropTypes.func,
};

MDDivider.defaultProps = {
  primaryColor: '#000',
  displayName: 'MDDivider',
  fullWidth: false,
  onMouseOver: null,
};

export { MDDivider };
export default MDDivider;