React-hook-form-cloudscape NPM

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.