export default()

in packages/palette-mantine-form/palette.tsx [11:43]

• 28 lines of code
• 1 McCabe index (conditional complexity)

export default () => (
  <Palette embeddable>
    <Category name="form">
      <Component name="form" docURL="https://mantine.dev/form/use-form/">
        <Variant proto={FormProto} />
        <Variant name="example" proto={FormExampleProto} />
      </Component>
    </Category>
  </Palette>
);

function FormProto() {
  const form = useForm({
    initialValues: {},
    validate: {},
  });

  const handleError = (errors: typeof form.errors) => { };

  const handleSubmit = (values: typeof form.values) => { };

  return (
    <form
      onSubmit={form.onSubmit(handleSubmit, handleError)}
      onReset={form.onReset}
    >
      {/* Place for inputs */}

      <Button type="submit">Submit</Button>
      <Button type="reset">Reset</Button>
    </form>
  );
}