Forms

Form components with validation using React Hook Form and Zod. Includes inputs, selects, checkboxes, and more.

Basic Inputs

Text Input

Standard text input with label

Password Input

Password field with hidden characters

Input with Helper Text

Input with descriptive helper text

This will be your public display name.

Disabled Input

Non-editable disabled state

Textarea

Multi-line Text Input

Textarea for longer text content

Maximum 500 characters.

Select Dropdown

Select Input

Dropdown select with options

Checkboxes & Radio Groups

Checkbox

Single checkbox with label

Checkbox Group

Multiple checkboxes

Radio Group

Single selection from multiple options

Complete Form

Sign Up Form

Complete form with multiple field types

Create an account
Enter your details to sign up