密码输入

@aligov/components-passwd

在 Fusion Input type=password 的基础上封装带密码强度的密码输入框。

可配合 UForm 使用。

使用

直接使用

import Passwd from '@aligov/components-passwd';

<Passwd />

配合 UForm 使用

import '@aligov/components-passwd/lib/indexUForm';

<Field type="passwd" />

API

大部分参数参考 Fusion 的 Input 或 UForm 的 Field 使用，这里主要添加了 checkStrength 属性，这是一个 boolean 值，默认 false。

DEMO 列表

Simple Usage

本 Demo 演示一行文字的用法。

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Passwd from '@aligov/components-passwd';

class App extends Component {
  render() {
    return (
      <div>
        <Passwd />
        <Passwd style={{ marginTop: 20 }} checkStrength={true} />
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);