chore(web): create color field (#1016)

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

Hide file tree

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