antd_formily_boost_basic_schema_driven_form_example.ts

1import React from 'react';
2import { createForm } from '@formily/core';
3import { FormilyBoost, SchemaField } from '@gui-one/antd-formily-boost';
4import { Input, FormItem, Submit } from '@formily/antd-v5';
5
6const form = createForm();
7
8const App: React.FC = () => {
9  return (
10    <FormilyBoost form={form}>
11      <SchemaField>
12        <SchemaField.String
13          name="input"
14          title="Input Box"
15          x-decorator="FormItem"
16          x-component="Input"
17          x-validator={{
18            required: true,
19          }}
20        />
21      </SchemaField>
22      <Submit onSubmit={console.log}>Submit</Submit>
23    </FormilyBoost>
24  );
25};
26
27export default App;