1 files changed, 21 insertions, 0 deletions
diff --git a/bs5/universal/native/shared/ServerActionWithFormDataFormAction.re b/bs5/universal/native/shared/ServerActionWithFormDataFormAction.re
new file mode 100644
index 0000000..fe80f98
--- /dev/null
+++ b/bs5/universal/native/shared/ServerActionWithFormDataFormAction.re
@@ -0,0 +1,21 @@
+[@react.component]
+let make = () => {
+  <form className={Cx.make([Theme.text(Theme.Color.Gray4)])}>
+    <input
+      name="name"
+      className="w-full mb-2 font-sans border border-gray-300 py-2 px-4 rounded-md bg-white text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition duration-200"
+      placeholder="Name"
+    />
+    <button
+      formAction={
+        switch%platform () {
+        | Server => `Function(ServerFunctions.formDataFunction)
+        | Client => ""
+        }
+      }
+      className="font-mono border-2 py-1 px-2 rounded-lg bg-yellow-950 border-yellow-700 text-yellow-200 hover:bg-yellow-800"
+      type_="submit">
+      {React.string("Send Form Data")}
+    </button>
+  </form>;
+};