FormState 使用示例

import { useFormState, Form, FormField, Validators } from '@biubiu/formstate';

const form = useFormState({
  fields: {
    email: {
      validator: Validators.compose(
        Validators.required(),
        Validators.email()
      )
    }
  }
});

<Form {form} onSubmit={handleSubmit}>
  <FormField name="email" label="Email">
    {#snippet children({ value, onInput, onBlur })}
      <input type="email" {value} oninput={e => onInput(e.target.value)} onblur={onBlur} />
    {/snippet}
  </FormField>
</Form>