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

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>
  );
};

✨ Demos and usage: https://abudayah.github.io/react-hook-form-cloudscape

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.

Fuel My Code with Coffee ☕️

Like this project? Buy me a coffee to support maintenance and new features, sponsor me

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.