[Feature Request]: Add support for react-hook-form

[cloudscape-design]

[Feature Request]: Add support for react-hook-form

[ab18556]

I understand what you mean, but at the same time I think that Cloudscape should expose standard properties as much as possible. For example, the onChange is not providing the usual react event. It might bring a lot of issues with other libraries aswell. If Cloudscape is about design, why is it fiddling with the events and refs? why is value required even if it is empty?

[just-boris]

Closing because this feature is not applicable to our project

[just-boris]

This can be implemented in userland

import React from 'react';
import { Controller } from 'react-hook-form';
import { Input } from '@cloudscape-design/components';

export const ControlledInput = ({ name, control, ...props }) => (
  <Controller
    name={name}
    control={control}
    render={({ field: { ref, onChange, onBlur, value } }) => (
      <Input ref={ref} name={name} value={value} onBlur={onBlur} onChange={e => onChange(e.detail.value)} {...props} />
    )}
  />
);

You can wrap every control and publish it is a separate package

Having it built into library does not sound future proof, because what if somebody wants to use another form library

[just-boris]

What you are asking sounds as a breaking change, but we are not planning on publishing a new major version in near future.

if you have any suggestion how to change API in a non-breaking way that may help you – let us know