[CARE-5939] Expose align as HTML attribute on Callouts and Blockquotes

prezly · Aug 9, 2024 · 867239d · 867239d
1 parent 9d4305b
commit 867239d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/slate-editor/src/extensions/blockquote/components/BlockQuoteElement.tsx b/packages/slate-editor/src/extensions/blockquote/components/BlockQuoteElement.tsx
@@ -21,7 +21,12 @@ export const BlockQuoteElement = forwardRef(
         const isEmpty = EditorCommands.isNodeEmpty(editor, element);
 
         return (
-            <div {...props} ref={ref} className={classNames(className, styles.BlockQuoteElement)}>
+            <div
+                {...props}
+                ref={ref}
+                className={classNames(className, styles.BlockQuoteElement)}
+                data-slate-block-align={align}
+            >
                 <NewParagraphDelimiter extendedHitArea element={element} position="top" />
                 <blockquote
                     className={classNames(className, styles.Quote, {

diff --git a/packages/slate-editor/src/extensions/callout/components/CalloutElement.tsx b/packages/slate-editor/src/extensions/callout/components/CalloutElement.tsx
@@ -42,7 +42,12 @@ export const CalloutElement = forwardRef(
         const isSelected = useSelected();
 
         return (
-            <div {...props} ref={ref} className={classNames(className, styles.CalloutElement)}>
+            <div
+                {...props}
+                ref={ref}
+                className={classNames(className, styles.CalloutElement)}
+                data-slate-block-align={align}
+            >
                 <NewParagraphDelimiter extendedHitArea element={element} position="top" />
                 <div
                     className={classNames(className, styles.Callout, {