modular-forms
The modular and type-safe form library for SolidJS, Qwik and Preact
File Explorer
Download Latest Version (.zip)- FUNDING.yml
- index.ts
- valiField.ts
- valiForm.ts
- zodField.ts
- zodForm.ts
- Field.tsx
- FieldArray.tsx
- Form.tsx
- index.ts
- FormError.ts
- index.ts
- index.ts
- useForm.ts
- useFormStore.ts
- useLifecycle.ts
- useLiveSignal.ts
- clearError.ts
- clearResponse.ts
- focus.ts
- getError.ts
- getErrors.ts
- getValue.ts
- getValues.ts
- hasField.ts
- hasFieldArray.ts
- index.ts
- insert.ts
- move.ts
- remove.ts
- replace.ts
- reset.ts
- setError.ts
- setResponse.ts
- setValue.ts
- setValues.ts
- submit.ts
- swap.ts
- validate.ts
- index.ts
- toCustom.ts
- toLowerCase.ts
- toTrimmed.ts
- toUpperCase.ts
- field.ts
- fieldArray.ts
- form.ts
- index.ts
- path.ts
- utils.ts
- getElementInput.ts
- getFieldAndArrayStores.ts
- getFieldArrayNames.ts
- getFieldArrayState.ts
- getFieldArrayStore.ts
- getFieldNames.ts
- getFieldState.ts
- getFieldStore.ts
- getFilteredNames.ts
- getOptions.ts
- getPathIndex.ts
- getPathValue.ts
- getUniqueId.ts
- handleFieldEvent.ts
- index.ts
- initializeFieldArrayStore.ts
- initializeFieldStore.ts
- isFieldDirty.ts
- readSignal.ts
- removeInvalidNames.ts
- setErrorResponse.ts
- setFieldArrayState.ts
- setFieldArrayValue.ts
- setFieldState.ts
- sortArrayPathIndex.ts
- updateFieldArrayDirty.ts
- updateFieldDirty.ts
- updateFormDirty.ts
- updateFormInvalid.ts
- updateFormState.ts
- validateIfRequired.ts
- custom.ts
- email.ts
- index.ts
- maxLength.ts
- maxRange.ts
- maxSize.ts
- maxTotalSize.ts
- mimeType.ts
- minLength.ts
- minRange.ts
- minSize.ts
- minTotalSize.ts
- pattern.ts
- required.ts
- url.ts
- value.ts
- index.ts
- .eslintrc.cjs
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- vite.config.ts
- formAction$.ts
- index.ts
- index.ts
- valiField$.ts
- valiForm$.ts
- zodField$.ts
- zodForm$.ts
- Field.tsx
- FieldArray.tsx
- Form.tsx
- index.ts
- Lifecycle.tsx
- FormError.ts
- index.ts
- index.ts
- useForm.ts
- useFormStore.ts
- clearError.ts
- clearResponse.ts
- focus.ts
- getError.ts
- getErrors.ts
- getValue.ts
- getValues.ts
- hasField.ts
- hasFieldArray.ts
- index.ts
- insert.ts
- move.ts
- remove.ts
- replace.ts
- reset.ts
- setError.ts
- setResponse.ts
- setValue.ts
- setValues.ts
- submit.ts
- swap.ts
- validate.ts
- index.ts
- toCustom$.ts
- toLowerCase.ts
- toTrimmed.ts
- toUpperCase.ts
- field.ts
- fieldArray.ts
- form.ts
- index.ts
- path.ts
- utils.ts
- getElementInput.ts
- getFieldAndArrayStores.ts
- getFieldArrayNames.ts
- getFieldArrayState.ts
- getFieldArrayStore.ts
- getFieldNames.ts
- getFieldState.ts
- getFieldStore.ts
- getFilteredNames.ts
- getInitialFieldArrayStore.ts
- getInitialFieldStore.ts
- getInitialStores.ts
- getOptions.ts
- getParsedZodSchema.ts
- getPathIndex.ts
- getPathValue.ts
- getUniqueId.ts
- handleFieldEvent.ts
- index.ts
- initializeFieldArrayStore.ts
- initializeFieldStore.ts
- isFieldDirty.ts
- removeInvalidNames.ts
- setErrorResponse.ts
- setFieldArrayState.ts
- setFieldArrayValue.ts
- setFieldErrors.ts
- setFieldState.ts
- sortArrayPathIndex.ts
- updateFieldArrayDirty.ts
- updateFieldDirty.ts
- updateFormDirty.ts
- updateFormInvalid.ts
- updateFormState.ts
- validateIfRequired.ts
- custom$.ts
- email.ts
- index.ts
- maxLength.ts
- maxRange.ts
- maxSize.ts
- maxTotalSize.ts
- mimeType.ts
- minLength.ts
- minRange.ts
- minSize.ts
- minTotalSize.ts
- pattern.ts
- required.ts
- url.ts
- value.ts
- index.ts
- .eslintignore
- .eslintrc.cjs
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- vite.config.ts
- index.ts
- valiField.ts
- valiForm.ts
- zodField.ts
- zodForm.ts
- Field.tsx
- FieldArray.tsx
- Form.tsx
- index.ts
- FormError.ts
- index.ts
- index.ts
- useForm.ts
- useFormStore.ts
- useLifecycle.ts
- useLiveSignal.ts
- clearError.ts
- clearResponse.ts
- focus.ts
- getError.ts
- getErrors.ts
- getValue.ts
- getValues.ts
- hasField.ts
- hasFieldArray.ts
- index.ts
- insert.ts
- move.ts
- remove.ts
- replace.ts
- reset.ts
- setError.ts
- setResponse.ts
- setValue.ts
- setValues.ts
- submit.ts
- swap.ts
- validate.ts
- index.ts
- toCustom.ts
- toLowerCase.ts
- toTrimmed.ts
- toUpperCase.ts
- field.ts
- fieldArray.ts
- form.ts
- index.ts
- path.ts
- utils.ts
- getElementInput.ts
- getFieldAndArrayStores.ts
- getFieldArrayNames.ts
- getFieldArrayState.ts
- getFieldArrayStore.ts
- getFieldNames.ts
- getFieldState.ts
- getFieldStore.ts
- getFilteredNames.ts
- getOptions.ts
- getPathIndex.ts
- getPathValue.ts
- getUniqueId.ts
- handleFieldEvent.ts
- index.ts
- initializeFieldArrayStore.ts
- initializeFieldStore.ts
- isFieldDirty.ts
- readSignal.ts
- removeInvalidNames.ts
- setErrorResponse.ts
- setFieldArrayState.ts
- setFieldArrayValue.ts
- setFieldState.ts
- sortArrayPathIndex.ts
- updateFieldArrayDirty.ts
- updateFieldDirty.ts
- updateFormDirty.ts
- updateFormInvalid.ts
- updateFormState.ts
- validateIfRequired.ts
- custom.ts
- email.ts
- index.ts
- maxLength.ts
- maxRange.ts
- maxSize.ts
- maxTotalSize.ts
- mimeType.ts
- minLength.ts
- minRange.ts
- minSize.ts
- minTotalSize.ts
- pattern.ts
- required.ts
- url.ts
- value.ts
- index.ts
- .eslintrc.cjs
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- vite.config.ts
- index.ts
- valiField.ts
- valiForm.ts
- zodField.ts
- zodForm.ts
- Field.tsx
- FieldArray.tsx
- Form.tsx
- index.ts
- FormError.ts
- index.ts
- clearError.ts
- clearResponse.ts
- focus.ts
- getError.ts
- getErrors.ts
- getValue.ts
- getValues.ts
- hasField.ts
- hasFieldArray.ts
- index.ts
- insert.ts
- move.ts
- remove.ts
- replace.ts
- reset.ts
- setError.ts
- setResponse.ts
- setValue.ts
- setValues.ts
- submit.ts
- swap.ts
- validate.ts
- createForm.ts
- createFormStore.ts
- createLifecycle.ts
- createSignal.ts
- index.ts
- index.ts
- toCustom.ts
- toLowerCase.ts
- toTrimmed.ts
- toUpperCase.ts
- field.ts
- fieldArray.ts
- form.ts
- index.ts
- path.ts
- utils.ts
- getElementInput.ts
- getFieldAndArrayStores.ts
- getFieldArrayNames.ts
- getFieldArrayState.ts
- getFieldArrayStore.ts
- getFieldNames.ts
- getFieldState.ts
- getFieldStore.ts
- getFilteredNames.ts
- getOptions.ts
- getPathIndex.ts
- getPathValue.ts
- getUniqueId.ts
- handleFieldEvent.ts
- index.ts
- initializeFieldArrayStore.ts
- initializeFieldStore.ts
- isFieldDirty.ts
- removeInvalidNames.ts
- setErrorResponse.ts
- setFieldArrayState.ts
- setFieldArrayValue.ts
- setFieldState.ts
- sortArrayPathIndex.ts
- updateFieldArrayDirty.ts
- updateFieldDirty.ts
- updateFormDirty.ts
- updateFormInvalid.ts
- updateFormState.ts
- validateIfRequired.ts
- custom.ts
- email.ts
- index.ts
- maxLength.ts
- maxRange.ts
- maxSize.ts
- maxTotalSize.ts
- mimeType.ts
- minLength.ts
- minRange.ts
- minSize.ts
- minTotalSize.ts
- pattern.ts
- required.ts
- url.ts
- value.ts
- index.ts
- .eslintrc.cjs
- CHANGELOG.md
- package.json
- README.md
- rollup.config.js
- tsconfig.json
- favicon.ico
- ActionButton.tsx
- ButtonGroup.tsx
- Checkbox.tsx
- ColorButton.tsx
- Expandable.tsx
- FileInput.tsx
- FormFooter.tsx
- FormHeader.tsx
- index.ts
- InputError.tsx
- InputLabel.tsx
- Response.tsx
- Select.tsx
- Slider.tsx
- Spinner.tsx
- Tabs.tsx
- TextInput.tsx
- UnstyledButton.tsx
- index.ts
- useEventListener.ts
- AngleDownIcon.tsx
- index.ts
- NightIcon.tsx
- SunIcon.tsx
- login.tsx
- nested.tsx
- payment.tsx
- special.tsx
- todos.tsx
- disableTransitions.ts
- index.ts
- global.css
- index.tsx
- vite-env.d.ts
- index.html
- package.json
- postcss.config.js
- README.md
- tailwind.config.js
- tsconfig.json
- vite.config.ts
- favicon.ico
- manifest.json
- ActionButton.tsx
- ButtonGroup.tsx
- Checkbox.tsx
- ColorButton.tsx
- Expandable.tsx
- FileInput.tsx
- FormFooter.tsx
- FormHeader.tsx
- Head.tsx
- index.ts
- InputError.tsx
- InputLabel.tsx
- Response.tsx
- Select.tsx
- Slider.tsx
- Spinner.tsx
- Tabs.tsx
- TextInput.tsx
- UnstyledButton.tsx
- AngleDownIcon.tsx
- index.ts
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- layout.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- layout.tsx
- service-worker.ts
- disableTransitions.ts
- index.ts
- entry.dev.tsx
- entry.preview.tsx
- entry.ssr.tsx
- global.css
- root.tsx
- .eslintignore
- .eslintrc.cjs
- .prettierignore
- package.json
- postcss.config.cjs
- README.md
- tailwind.config.js
- tsconfig.json
- vite.config.ts
- favicon.ico
- ActionButton.tsx
- ButtonGroup.tsx
- Checkbox.tsx
- ColorButton.tsx
- Expandable.tsx
- FileInput.tsx
- FormFooter.tsx
- FormHeader.tsx
- index.ts
- InputError.tsx
- InputLabel.tsx
- Response.tsx
- Select.tsx
- Slider.tsx
- Spinner.tsx
- Tabs.tsx
- TextInput.tsx
- UnstyledButton.tsx
- index.ts
- useEventListener.ts
- AngleDownIcon.tsx
- index.ts
- NightIcon.tsx
- SunIcon.tsx
- login.tsx
- nested.tsx
- payment.tsx
- special.tsx
- todos.tsx
- disableTransitions.ts
- index.ts
- global.css
- index.tsx
- vite-env.d.ts
- index.html
- package.json
- postcss.config.js
- README.md
- tailwind.config.js
- tsconfig.json
- vite.config.ts
- favicon.ico
- ActionButton.tsx
- ButtonGroup.tsx
- Checkbox.tsx
- ColorButton.tsx
- Description.tsx
- Expandable.tsx
- FileInput.tsx
- FormFooter.tsx
- FormHeader.tsx
- index.ts
- InputError.tsx
- InputLabel.tsx
- Select.tsx
- Slider.tsx
- Spinner.tsx
- Tabs.tsx
- TextInput.tsx
- ThemeToggle.tsx
- Title.tsx
- UnstyledButton.tsx
- AngleDownIcon.tsx
- index.ts
- NightIcon.tsx
- SunIcon.tsx
- [...404].tsx
- index.tsx
- login.tsx
- nested.tsx
- payment.tsx
- special.tsx
- todos.tsx
- disableTransitions.ts
- index.ts
- redirect.ts
- app.tsx
- entry-client.tsx
- entry-server.tsx
- global.d.ts
- styles.css
- .gitignore
- app.config.ts
- package.json
- postcss.config.js
- README.md
- tailwind.config.js
- tsconfig.json
- android-icon-192x192.png
- android-icon-512x512.png
- apple-icon-180x180.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- robots.txt
- site.webmanifest
- sitemap.xml
- ActionButton.tsx
- Banner.tsx
- ButtonGroup.tsx
- Checkbox.tsx
- ColorButton.tsx
- Debugger.tsx
- Description.tsx
- DocsLayout.tsx
- Expandable.tsx
- FileInput.tsx
- Footer.tsx
- FormFooter.tsx
- FormHeader.tsx
- Framework.tsx
- FrameworkPicker.tsx
- GitHubIconLink.tsx
- Hamburger.tsx
- Head.tsx
- Header.tsx
- IconButton.tsx
- index.ts
- InputError.tsx
- InputLabel.tsx
- Navigation.tsx
- Property.tsx
- RoutingIndicator.tsx
- SearchToggle.tsx
- Select.tsx
- SideBar.tsx
- Slider.tsx
- Spinner.tsx
- SystemIcon.tsx
- Tabs.tsx
- TextInput.tsx
- TextLink.tsx
- ThemeToggle.tsx
- Title.tsx
- UnstyledButton.tsx
- form.tsx
- framework.tsx
- index.ts
- search.tsx
- theme.tsx
- lexend-medium.woff2
- lexend-regular.woff2
- AngleDownIcon.tsx
- AngleRightIcon.tsx
- AngleUpIcon.tsx
- ArrowLeftIcon.tsx
- ArrowRrightIcon.tsx
- CloseIcon.tsx
- GitHubIcon.tsx
- HashtagIcon.tsx
- index.ts
- LogoIcon.tsx
- NightIcon.tsx
- PageIcon.tsx
- PenIcon.tsx
- PlusIcon.tsx
- PreactIcon.tsx
- QwikIcon.tsx
- ReactIcon.tsx
- SearchIcon.tsx
- SolidIcon.tsx
- SunIcon.tsx
- blurred-code-dark.jpg
- blurred-code-light.jpg
- index.ts
- index.ts
- PreactLogo.tsx
- QwikLogo.tsx
- ReactLogo.tsx
- SolidLogo.tsx
- createFocusTrap.ts
- index.ts
- clearError.mdx
- clearResponse.mdx
- createForm.mdx
- createFormStore.mdx
- custom$.mdx
- custom.mdx
- email.mdx
- Field.mdx
- FieldArray.mdx
- FieldArrayStore.mdx
- FieldElement.mdx
- FieldElementProps.mdx
- FieldEvent.mdx
- FieldStore.mdx
- FieldValue.mdx
- FieldValues.mdx
- focus.mdx
- Form.mdx
- formAction$.mdx
- FormActionResult.mdx
- FormActionStore.mdx
- FormError.mdx
- FormErrors.mdx
- FormOptions.mdx
- FormResponse.mdx
- FormStore.mdx
- getError.mdx
- getErrors.mdx
- getValue.mdx
- getValues.mdx
- hasField.mdx
- hasFieldArray.mdx
- index.tsx
- InitialValues.mdx
- insert.mdx
- maxLength.mdx
- maxRange.mdx
- maxSize.mdx
- maxTotalSize.mdx
- Maybe.mdx
- MaybeArray.mdx
- MaybeFunction.mdx
- MaybePromise.mdx
- MaybeValue.mdx
- mimeType.mdx
- minLength.mdx
- minRange.mdx
- minSize.mdx
- minTotalSize.mdx
- move.mdx
- PartialValues.mdx
- pattern.mdx
- remove.mdx
- replace.mdx
- required.mdx
- reset.mdx
- ResponseData.mdx
- setError.mdx
- setResponse.mdx
- setValue.mdx
- setValues.mdx
- submit.mdx
- SubmitHandler.mdx
- swap.mdx
- toCustom$.mdx
- toCustom.mdx
- toLowerCase.mdx
- toTrimmed.mdx
- toUpperCase.mdx
- TransformField.mdx
- url.mdx
- useForm.mdx
- useFormStore.mdx
- validate.mdx
- ValidateField.mdx
- ValidateFieldArray.mdx
- ValidateForm.mdx
- valiField$.mdx
- valiField.mdx
- valiForm$.mdx
- valiForm.mdx
- value.mdx
- zodField$.mdx
- zodField.mdx
- zodForm$.mdx
- zodForm.mdx
- add-fields-to-form.mdx
- controlled-fields.mdx
- create-your-form.mdx
- define-your-form.mdx
- enhanced-forms.mdx
- faq.mdx
- field-arrays.mdx
- form-methods.mdx
- handle-submission.mdx
- index.tsx
- input-components.mdx
- installation.mdx
- introduction.mdx
- kobalte.mdx
- nested-fields.mdx
- philosophy.mdx
- special-inputs.mdx
- throw-form-errors.mdx
- transform-inputs.mdx
- typescript.mdx
- validate-your-fields.mdx
- index.tsx
- login.tsx
- nested.tsx
- payment.tsx
- special.tsx
- todos.tsx
- api.tsx
- guides.tsx
- playground.tsx
- [...all].tsx
- index.tsx
- [...all].tsx
- index.tsx
- contact.mdx
- privacy.mdx
- [...all].tsx
- index.tsx
- [...404].tsx
- [framework].tsx
- index.tsx
- legal.tsx
- (layout).tsx
- base.css
- components.css
- fonts.css
- pace.css
- utilities.css
- disableTransitions.ts
- getFrameworkName.ts
- index.ts
- trackEvent.ts
- cookies.ts
- entry-client.tsx
- entry-server.tsx
- root.tsx
- .env
- package.json
- postcss.config.cjs
- README.md
- tailwind.config.cjs
- tsconfig.json
- vite.config.ts
- .gitignore
- .npmrc
- LICENSE.md
- modular-forms.code-workspace
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- prettier.config.cjs
- README.md
π Installation Guide
1. Get the code
git clone https://github.com/fabian-hiller/modular-forms
Downloads the entire project code from GitHub to your computer.
cd modular-forms
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
// repository documentation
Was this content helpful?
(0 ratings)