How to use the bpk-component-input.INPUT_TYPES.password function in bpk-component-input

To help you get started, we’ve selected a few bpk-component-input examples, based on popular ways it is used in public projects.

github Skyscanner / backpack / packages / bpk-docs / src / pages / ModalsPage / LoginFormExample.js View on Github external
<BpkLabel htmlFor="username">Username</BpkLabel>
          <BpkInput
            id="username"
            name="username"
            value={this.state.username}
            onChange={this.onUsernameChange}
            placeholder="Enter your username"
          />
        </FormFieldExample>
        <FormFieldExample>
          <BpkLabel htmlFor="password">Password</BpkLabel>
          <BpkInput
            id="password"
            name="password"
            value={this.state.password}
            type={INPUT_TYPES.password}
            onChange={this.onPasswordChange}
            placeholder="Enter your password"
          />
        </FormFieldExample>
        <FormFieldExample>
          <BpkButton>Login</BpkButton>
        </FormFieldExample>
      </form>
    );
  }
}
github Skyscanner / backpack / packages / bpk-docs / src / pages / FormsPage / FormsPage.js View on Github external
<BpkLabel htmlFor="input_number">Number input</BpkLabel>
        <InputContainer
          FormComponent={BpkInput}
          type={INPUT_TYPES.number}
          id="input_number"
          name="input_number"
          value="0"
          placeholder="Number of passengers"
          onChange={() => null}
        />
      </form>,
      <form className={formClassName}>
        <BpkLabel htmlFor="input_password">Password input</BpkLabel>
        <InputContainer
          FormComponent={BpkInput}
          type={INPUT_TYPES.password}
          id="input_password"
          name="input_password"
          value="letmein"
          placeholder="Password"
          onChange={() => null}
        />
      </form>,
      <form className={formClassName}>
        <BpkLabel htmlFor="input_telephone">Telephone input</BpkLabel>
        <InputContainer
          FormComponent={BpkInput}
          type={INPUT_TYPES.tel}
          id="input_telephone"
          name="input_telephone"
          value="+441234567890"
          placeholder="Phone number"