formik-reactstrap

Formik components made with reactstrap

Getting Started

Installing

npm i formik yup bootstrap reactstrap formik-reactstrap

Components

<Input/> and <InputArray/>

<Input type="text" name="name" title="Name" formikProps={props} />

<InputArray type="text" name="names" title="Names" formikProps={props} />

Props:

• name: string
• title?: string
• type?: string
• formikProps: FormikProps<Values>
• className?: string

<Select/>

<Select
  name="color"
  title="Color"
  options={[
    { text: 'Red'; value: '#f00' },
    { text: 'Green'; value: '#0f0' },
    { text: 'Blue'; value: '#00f' },
  ]}
  formikProps={props}
/>

Props:

• name: string
• title?: string
• options: <{ text: string; value: string }>[]
• formikProps: FormikProps<Values>
• className?: string

<Switch/>

<Switch name="employed" title="Employed" formikProps={props} />

Props:

• name: string
• title?: string
• formikProps: FormikProps<Values>

<Textarea/>

<Textarea name="description" title="Description" formikProps={props} />

Props:

• name: string
• title?: string
• formikProps: FormikProps<Values>
• className?: string