Basic

Bu örnek, önerilen DynamicForm wrapper yaklaşımını kullanır ve minimal bir form render eder:

• InputField
• TextareaField

import React from 'react';
import * as Yup from 'yup';

import { DynamicForm } from '../components/dynamic-form/DynamicForm';
import { InputField } from '../components/dynamic-form/fields/input';
import { TextareaField } from '../components/dynamic-form/fields/textarea';

export function BasicExample() {
  return (
    <DynamicForm
      fields={[
        new InputField({
          id: 'email',
          label: 'E-posta',
          placeholder: 'name@company.com',
          type: 'email',
          validate: Yup.string().email().required(),
          screenSize: 12,
        }),
        new TextareaField({
          id: 'note',
          label: 'Not',
          placeholder: 'Bir not yaz…',
          minRowSize: 6,
          screenSize: 12,
        }),
      ]}
      onSubmit={(values) => console.log(values)}
    />
  );
}