From ab0b227d91cd2d1e217bb8bf0dfc5d2e233f6e8b Mon Sep 17 00:00:00 2001
From: Mio <159118620+miownag@users.noreply.github.com>
Date: Tue, 24 Sep 2024 11:09:12 +0800
Subject: [PATCH] docs(form): add customized form controls example (#3112)
---
.../_example/customized-form-controls.tsx | 87 +++++++++++
src/form/form.md | 10 +-
test/snap/__snapshots__/csr.test.jsx.snap | 141 ++++++++++++++++++
test/snap/__snapshots__/ssr.test.jsx.snap | 2 +
4 files changed, 238 insertions(+), 2 deletions(-)
create mode 100644 src/form/_example/customized-form-controls.tsx
diff --git a/src/form/_example/customized-form-controls.tsx b/src/form/_example/customized-form-controls.tsx
new file mode 100644
index 0000000000..43a5340001
--- /dev/null
+++ b/src/form/_example/customized-form-controls.tsx
@@ -0,0 +1,87 @@
+import React from 'react';
+import { Form, Input, Button, MessagePlugin, Space, Select } from 'tdesign-react';
+import type { FormProps } from 'tdesign-react';
+
+interface ICourseSelect {
+ value?: {
+ type?: string;
+ name?: string;
+ };
+ onChange?: (v: { type?: string; name?: string }) => void;
+}
+
+const { FormItem } = Form;
+
+function CourseSelect(props: ICourseSelect) {
+ const { value, onChange } = props;
+
+ return (
+