Text Input Components

React Hook Form compatible input components with validation, icons, and error handling

CustomTextInput

React Hook Form compatible text input with icons, validation, and error handling

React Hook Form

forwardRef

Ionicons

Error Handling

CustomTextInput.tsx

Textarea

Multi-line text input with character count and React Hook Form compatibility

Multi-line

Character Count

forwardRef

Validation

Textarea.tsx

SelectInput

Dropdown select component with modal picker and React Hook Form integration

Modal Picker

Custom Ref

Touch Optimized

Icons

SelectInput.tsx

TagInput

Tag input component for multiple values with React Hook Form support

Multiple Values

Visual Tags

Max Limit

Array Handling

TagInput.tsx

RadioInput

Radio button group with flexible layouts and React Hook Form compatibility

Single Selection

Flexible Layout

Descriptions

Custom Ref

RadioInput.tsx

CheckboxInput

Multi-select checkbox component with array value handling

Multi-Select

Array Values

Descriptions

Toggle Logic

CheckboxInput.tsx

Complete Product Form Example

Comprehensive product form using all input components with React Hook Form, Zod validation, and proper error handling

ProductFormExample.tsx