Components
Explore all available FormForge components and their configurations.
FormForge provides a comprehensive set of form components designed for modern React applications. Each component is built with accessibility in mind and integrates seamlessly with React Hook Form and Zod validation.
InputField
A form input field with validation and error handling.
SelectField
A select dropdown component with search and multi-select options.
TextareaField
A multi-line text input with character count and validation.
CheckboxField
A checkbox input with custom styling and validation.
FormSection
A container component for grouping related form fields.
FormGrid
A responsive grid layout for organizing form fields.
FormStepper
A multi-step form component with progress indication.
AutocompleteField
Text input with async search.
MultiSelectField
Select multiple options with chips.
RepeatingFieldArray
Add/remove groups of fields.
PasswordField
Password with show/hide and strength.
SliderField
Range input with value preview.
RichTextEditorField
Minimal rich text editor.
FormWizard
Step-by-step form flow.
NestedFormSection
Collapsible nested sections.
ColorPickerField
Choose a color or swatch.
SignatureField
Capture signature as image.
FormButton
Buttons styled consistently for forms.
RadioGroupField
A group of radio buttons integrated with React Hook Form.
SwitchField
A toggle switch integrated with React Hook Form.
DatePickerField
A date input field integrated with React Hook Form.
FileUploadField
A file input field integrated with React Hook Form.
Component Features
- Type Safety: All components are fully typed with TypeScript
- Accessibility: Built-in ARIA attributes and keyboard navigation
- Validation: Integrated with Zod for schema validation
- Customization: Flexible theming with Tailwind CSS
- Performance: Optimized with React Hook Form