🔥 sharpcodes19-form

A lightweight, reusable React + TypeScript form component library.

---

✨ Features

• ⚛️ Built with React and TypeScript
• 💅 Styled with HeroUI
• 🎯 Tree-shakable and typed
• 📦 Easy to use in any React app

---

📦 Installation

• 📦 Make sure to install HeroUI first.

1npm install sharpcodes19-form @hookform/resolvers zod @hookform/resolvers

or

1yarn add sharpcodes19-form @hookform/resolvers zod @hookform/resolvers

or

1bun add sharpcodes19-form @hookform/resolvers zod @hookform/resolvers

---

🚀 Basic Usage

1import { Form } from "react-hook-form"
2import { InputControllerProps } from "sharpcodes19-form"
3import { z } from "zod"
4import { zodResolver } from "@hookform/resolvers/zod"
5
6const formValues = z.object({
7	username: z.string().min(1, "Required")
8})
9
10type FormValues = z.output<typeof formValues>
11
12export const SampleComponent = () => {
13	const form = useForm({
14		resolver: zodResolver(formValues),
15		defaultValues: {
16			username: ""
17		}
18	})
19
20	return (
21		<Form {...form}>
22			<InputControllerProps
23				control={form.control}
24				name="username"
25				label="Username"
26				size="sm"
27				variant="flat"
28			/>
29		</Form>
30	)
31}