How to build forms with validation, error handling, and API integration using our form system.
client/composables/lib/vForm/Form.js
) - Core form state managementclient/components/forms/useFormInput.js
) - Input component logicclient/components/forms/
) - Reusable input componentsuseForm
composable creates a reactive form instance with:
useFormInput
composable:
<TextInput>
- Text, email, password, etc.<TextareaInput>
- Multi-line text<CheckboxInput>
- Checkboxes<SelectInput>
- Dropdown selectsuseFormInput
composable:
useForm
composable rather than managing form state manually. It handles validation, errors, and loading states automatically.FormData
. Make sure your API endpoint accepts multipart/form-data
.