How to use the bpk-component-input.INPUT_TYPES.number 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.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Skyscanner / backpack / packages / bpk-docs / src / pages / FormsPage / FormsPage.js View on Github external
<BpkLabel htmlFor="input_email">Email input</BpkLabel>
        <InputContainer
          FormComponent={BpkInput}
          type={INPUT_TYPES.email}
          id="input_email"
          name="input_email"
          value="example@example.com"
          placeholder="Email address"
          onChange={() => null}
        />
      </form>,
      <form className={formClassName}>
        <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"