chore(web): create switchfield (#1015)

reearth · Jun 17, 2024 · ace8ae8 · ace8ae8
1 parent 936e65a
commit ace8ae8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/web/src/beta/ui/fields/SwitchField.tsx b/web/src/beta/ui/fields/SwitchField.tsx
@@ -0,0 +1,18 @@
+import { FC } from "react";
+
+import { Switcher, SwitcherProps } from "@reearth/beta/lib/reearth-ui";
+
+import CommonField, { CommonFieldProps } from "./CommonField";
+
+export type SwitchFieldProps = CommonFieldProps &
+  Pick<SwitcherProps, "value" | "onChange" | "disabled">;
+
+const SwitchField: FC<SwitchFieldProps> = ({ title, description, ...props }) => {
+  return (
+    <CommonField title={title} description={description}>
+      <Switcher {...props} />
+    </CommonField>
+  );
+};
+
+export default SwitchField;
diff --git a/web/src/beta/ui/fields/index.ts b/web/src/beta/ui/fields/index.ts
@@ -1,3 +1,4 @@
 export * from "./CommonField";
 export * from "./InputField";
 export * from "./ColorField";
+export * from "./SwitchField";