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

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

Form Text Input for Red Hat certified technology apps

Install

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

Usage

import React from 'react';
import { Formik } from 'formik';
import { Title } from "@patternfly/react-core";
import { FormTextInput } from "@rhc-shared-components/form-text-input";

const Component = () => {
  const FieldName = 'helloWorld';
  return (
    <div>
      <Title headingLevel={'h1'}>Text Input with formik</Title>
      <Formik
        initialValues={{
          [FieldName]: 'this is a test text'
        }}
        enableReinitialize={true}
        onSubmit={() => {
        }}>
        <FormTextInput
          name={FieldName}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
      </Formik>
    </div> );
}