1.0.2 • Published 6 years ago

password-material-ui v1.0.2

Weekly downloads
62
License
MIT
Repository
github
Last release
6 years ago

password-material-ui

A material-ui PASSWORD component which allows to see/hide the input text of the field


Props

The component accepts the props defined bellow in the table.

Props accepted by PasswordMaterialUi

NameTypeRequiredDefaultDescription
idstringnoundefinedThe id of the field
labelstringyes-The label of the field
onChange(value: string) => voidyes-The callback function called when the value is changed
placeholderstringnoundefinedThe placeholder of the field
typestringnotextThe type of the field; ex. text, password
valuestringnoundefinedThe value of the field

Versions

PasswordMaterialUi usesMaterial-uiReact
1.0.x3.2.016.5.2

About versioning schema used for PasswordMaterialUi

  • Major - it will be increased if the major version of material-ui changes or there are breaking changes in the code of PasswordMaterialUi
  • Minor - it will be increased if no major version of the dependat package changes, but there are changes of the minor or patch versions of it
  • Patch - it will be increased if there are no changes of the dependat packages, but there are non breaking changes in the code of PasswordMaterialUi

Example

The base component which allows to create read-only or creatable select components for selecting only one or more values:

import * as React from "react";
import PasswordMaterialUi from "password-material-ui";

class App extends React.Component {
  render() {
    return (
      <div className="App">
        <PasswordMaterialUi
          type="text"
          label="Account"
          placeholder="contains this text"
          value={value}
          onChange={onChange}
        />
      </div>
    );
  }

  handleChange = (event: any) => {
    console.log(event);
  };
}

export default App;
import * as React from "react";
import PasswordMaterialUi from "password-material-ui";

class App extends React.Component {
  render() {
    return (
      <div className="App">
        <PasswordMaterialUi
          type="password"
          label="Password"
          onChange={onChange}
        />
      </div>
    );
  }

  handleChange = (event: any) => {
    console.log(event);
  };
}

export default App;

Similar npm packages


Changelog

1.0.2

  • password-material-ui is made publicly available