Konrad Stępień staff commented 4 years ago

Here you can go to API and check all props for MDBInput, for now, it is not possible to set an event for the icon, but you can use MDBInput without icon and MDBIcon with function for onClick. We also can add these props for feature if you want.

musme free commented 4 years ago

Yes, please! Thanks!

Konrad Stępień staff commented 4 years ago

Ok, thanks to you for suggestions. We will deal with this in the near future. Best, Konrad

musme free commented 4 years ago

Thanks, @Konrad Stępień What about "show password" icon in Material Text Input?

Konrad Stępień staff commented 4 years ago

Answer above. We can create such an option available for MDBInput, but currently, there is no way to show such a button via MDBInput. It is possible to add your own element with the condition to the aforementioned component, with the appropriate states. For example

import React from "react";
import { MDBInput } from "mdbreact";

class Inp extends React.Component {
  state = {
    type: "password"
  };
  showPassword = () => {
    this.setState({ type: "text" });
  };
  hidePassword = () => {
    this.setState({ type: "password" });
  };
  render() {
    return (
      <MDBInput type={this.state.type}>
        <span onMouseEnter={this.showPassword} onMouseLeave={this.hidePassword}>
          Show passowrd
        </span>
      </MDBInput>
    );
  }
}

export default Inp;