feat: add canvasStyle property

bibixx · Dec 31, 2022 · 286f490 · 286f490
1 parent f3d78f9
commit 286f490
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/AnimateCC/AnimateCC.tsx b/src/AnimateCC/AnimateCC.tsx
@@ -9,6 +9,7 @@ import { Props } from './AnimateCC.types';
 export const AnimateCC = (props: Props) => {
   const {
     style: additionalStyles,
+    canvasStyle: additionalCanvasStyles,
     animationName,
     composition,
     getAnimationObject,
@@ -51,6 +52,7 @@ export const AnimateCC = (props: Props) => {
             display: 'block',
             width: '100%',
             backgroundColor: color,
+            ...additionalCanvasStyles,
           }}
         />
         <div

diff --git a/src/AnimateCC/AnimateCC.types.ts b/src/AnimateCC/AnimateCC.types.ts
@@ -1,4 +1,4 @@
-import { HTMLProps } from 'react';
+import { CSSProperties, HTMLProps } from 'react';
 
 import { Properties } from 'types/AdobeAn';
 
@@ -22,6 +22,10 @@ export interface Props extends HTMLProps<HTMLDivElement> {
    * @description Whether an animation should be paused
    */
   paused?: boolean;
+  /**
+   * @description Style of a canvas element
+   */
+  canvasStyle?: CSSProperties;
   /**
    * @description Function called whenever an error is thrown inside the component
    */