updated comment and edited

---

How can i do this in angular 6?

 

---

Hi there Krisha, Welcome to the Support Board! Making the waves effect on <View> optional is a good idea, that is very easy to implement. Let us introduce a waves prop to the node_modules/mdbreact/src/components/View.js! It will require only few small adjustments: 1. Signal a new prop in the render() function's this.props object and PropTypes:

render() {
    const {
      className,
      children,
      hover,
      zoom,
      waves,
      tag: Tag,
      ...attributes
    } = this.props;

View.propTypes = {
  ...,
  waves: PropTypes.bool
};

2. Define props effect in classNames and render()'s return statement - that way no necessary 'Ripple-parent' CSS class, nor <Waves> component will be there, if the prop is not passed alongside <View>:

const classes = classNames(
      'view',
      ...
      this.props.waves ? 'Ripple-parent': false,
      className
);

 return (
      <Tag {...attributes} className={classes} onMouseDown={ this.handleClick.bind(this) } onTouchStart={ this.handleClick.bind(this) } >
        {this.props.children}
        {this.props.waves && <Waves cursorPos={ this.state.cursorPos } />}
      </Tag>

Doing this should result in having a <View> component with no waves effect, unless you render it with waves props ( as in <View waves>). With Best Regards, Kuba

---