Add React editor project

2026-08-09 16:00:10 -04:00
parent 909d99251a
commit 63ecc5e284
212 changed files with 20655 additions and 11571 deletions
@@ -0,0 +1,28 @@
+import { ComponentConfig } from '@reacteditor/core';
+import { Text } from 'lucide-react';
+import ContentSection, {
+  type ContentSectionProps,
+} from '@/components/shopify/content-section';
+
+const contentSectionEditor: ComponentConfig<ContentSectionProps> = {
+  label: 'Content section',
+  icon: <Text size={16} />,
+  category: 'content',
+  defaultProps: {
+    eyebrow: '',
+    heading: 'About',
+    body: 'Tell your store’s story here.\n\nBlank lines start a new paragraph.',
+    imageUrl: '',
+    imageAlt: '',
+  },
+  fields: {
+    eyebrow: { label: 'Eyebrow', type: 'text', contentEditable: true },
+    heading: { label: 'Heading', type: 'text', contentEditable: true },
+    body: { label: 'Body', type: 'textarea', contentEditable: true },
+    imageUrl: { label: 'Image', type: 'image' },
+    imageAlt: { label: 'Image alt text', type: 'text' },
+  },
+  render: (props) => <ContentSection {...props} />,
+};
+
+export default contentSectionEditor;