React-hook-form wrapper for Cloudscape Design System

A React library that simplifies the integration of react-hook-form with Cloudscape Design System. It provides a set of pre-built, controlled input components that handle validation, allowing you to focus on building complex form logic with minimal effort.

Installation

npm install react-hook-form @cloudscape-design/components @cloudscape-design/global-styles react-hook-form-cloudscape

Important

Required dependencies:

• React >= 16.8 || >= 17 || >= 18
• react-dom >= 16.8 || >= 17 || >= 18
• react-hook-form >= 7
• @cloudscape-design/components

How to use it

import { Form, FormField } from '@cloudscape-design/components';
import { CInput } from 'react-hook-form-cloudscape';

function App {
  return (
      <Form>
        <FormField>
          <CInput name="email" ... />
        </FormField>
      </Form>
  );
};

Demo

Getting help

You can create bug reports or feature requests, or start a discussion to ask a question. To minimize duplicates, we recommend that you search for existing bug reports, feature requests, or discussions before initiating a new thread.

Articles and guides

• Cloudscape Form Validation Made Easy: A Step-by-Step Guide with React-hook-form-cloudscape

License

This project is licensed under the MIT License.