@rhc-shared-components/phone-number-input

Phone number input component for Red Hat certified technology apps

Install

yarn add @rhc-shared-components/phone-number-input

Usage

import { Formik, Form } from "formik";
import { PhoneNumberComponent } from "@rhc-shared-components/phone-number-input";

const MyForm = () => {
  return (
    <Formik
      initialValues={{ phone: "" }}
      onSubmit={(values) => console.log(values)}
    >
      <Form>
        <PhoneNumberComponent
          name="phone"
          label="Phone Number"
          isRequired
          defaultCountry="US"
          helperText="Enter your phone number"
        />
      </Form>
    </Formik>
  );
};

Development

yarn dev       # Start dev server
yarn build     # Build library
yarn lint      # Check linting
yarn lint-fix  # Auto-fix lint issues