react-formik-reactstrap-fields

Reusable Formik + Reactstrap field components for clean, consistent, and maintainable forms.

This package removes repetitive boilerplate from Reactstrap forms by providing drop‑in components that automatically handle:

• Formik values
• Formik errors
• Formik touched state
• Validation feedback
• Layout using Reactstrap

Installation

npm install react-formik-reactstrap-fields

or

yarn add react-formik-reactstrap-fields

Components

• TextField
• SelectField
• MultiSelectField
• TextAreaField
• FileField

Usage Example

import {
  TextField,
  SelectField,
  MultiSelectField,
  TextAreaField,
  FileField,
} from "react-formik-reactstrap-fields";

<Row>
  <TextField formik={formik} name="sku" label="SKU" />
  <SelectField formik={formik} name="brand" label="Brand" options={brandList} />
  <MultiSelectField
    formik={formik}
    name="outlets"
    label="Outlets"
    options={outletList}
  />
  <FileField formik={formik} name="thumbnail" label="Thumbnail" />
  <TextAreaField formik={formik} name="description" label="Description" />
</Row>;