This is just a technology testing project based on Create React App and TailwindCSS
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

35 lines
1.2KB

  1. import React from 'react'
  2. import FormikControlString from './FormikControlTypes/FormikControlString'
  3. import FormikControlPassword from './FormikControlTypes/FormikControlPassword'
  4. import FormikControlUserConsent from './FormikControlTypes/FormikControlUserConsent'
  5. import FormikControlCheckbox from './FormikControlTypes/FormikControlCheckbox'
  6. export function FormikControl(props) {
  7. const { control, ...rest } = props
  8. switch (control) {
  9. case 'string':
  10. return <FormikControlString {...rest} />
  11. case 'password':
  12. return <FormikControlPassword {...rest} />
  13. // case 'textarea':
  14. // return <FormikInputTextarea {...rest} />
  15. // case 'select':
  16. // return <FormikInputSelect {...rest} />
  17. // case 'radio':
  18. // return <FormikInputRadioGroup {...rest} />
  19. // case 'checkbox':
  20. // return <FormikInputCheckbox {...rest} />
  21. // case 'phone':
  22. // return <FormikInputPhone {...rest} />
  23. case 'userconsent':
  24. return <FormikControlUserConsent {...rest} />
  25. case 'checkbox':
  26. return <FormikControlCheckbox {...rest} />
  27. default:
  28. return null
  29. }
  30. }
  31. export default FormikControl