Skip to content

An extension package of cyberseeds-ui that provides form components integrated with React Hook Form.

Notifications You must be signed in to change notification settings

cyber937/cyberseeds-ui-rhf

Repository files navigation

📦 cyberseeds-ui-rhf

cyberseeds-ui-rhf is an extension package of cyberseeds-ui that provides form components integrated with React Hook Form.
Designed for TypeScript + Tailwind CSS + Zod environments, this library helps you build accessible, styled, and type-safe forms with minimal effort.

Storybook Please check the interactive UI catalog 👉


✅ Features

  • Prebuilt, reusable form components compatible with react-hook-form
  • First-class support for zod schema validation
  • Fully styled with cyberseeds-ui design system
  • Type-safe, testable, and DX-friendly

🚀 Installation

npm install cyberseeds-ui cyberseeds-ui-rhf react-hook-form zod
# or
yarn add cyberseeds-ui cyberseeds-ui-rhf react-hook-form zod

🧱 Components

Component Description
RHFCheckbok A controlled checkbox component integrated with React Hook Form.
RHFInput A text input field wired to React Hook Form with validation support.
RHFPhoneInput A phone number input component styled and connected to React Hook Form.
RHFRadioGroup A group of radio buttons managed by React Hook Form.
RHFSelect A select dropdown component that works seamlessly with React Hook Form.
RHFSwitch A toggle switch component linked to a boolean field in React Hook Form. hooks
RHFTextArea A textarea component bound to React Hook Form for multi-line input.

About

An extension package of cyberseeds-ui that provides form components integrated with React Hook Form.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published