const form = useAppForm({
defaultValues: {
name: '',
slug: '',
logo: null,
} as FormSchemaType,
validators: {
onSubmit: createFormSchema,
},
onSubmit: async (values) => {
console.log(values);
},
});
//...
//...
<form.AppField name="name">
{field => (
<field.TextField label="Name" type="text" />
)}
</form.AppField>
<form.AppField name="slug">
{field => (
<field.TextField label="Slug" type="text" />
)}
</form.AppField>
<form.AppField name="logo">
{field => (
<field.FileField label="Logo" />
)}
</form.AppField>
<form.AppForm>
<form.SubmitButton label="Create" />
</form.AppForm>
const form = useAppForm({
defaultValues: {
name: '',
slug: '',
logo: null,
} as FormSchemaType,
validators: {
onSubmit: createFormSchema,
},
onSubmit: async (values) => {
console.log(values);
},
});
//...
//...
<form.AppField name="name">
{field => (
<field.TextField label="Name" type="text" />
)}
</form.AppField>
<form.AppField name="slug">
{field => (
<field.TextField label="Slug" type="text" />
)}
</form.AppField>
<form.AppField name="logo">
{field => (
<field.FileField label="Logo" />
)}
</form.AppField>
<form.AppForm>
<form.SubmitButton label="Create" />
</form.AppForm>