diff --git a/src/components/Card/CardCover.tsx b/src/components/Card/CardCover.tsx index e0147381dc..5a7cf6fcb5 100644 --- a/src/components/Card/CardCover.tsx +++ b/src/components/Card/CardCover.tsx @@ -21,6 +21,10 @@ export type Props = React.ComponentPropsWithRef & { * @optional */ theme?: ThemeProp; + /** + * Optional custom image component to replace default Image + */ + imageComponent?: React.ComponentType; }; /** @@ -47,6 +51,7 @@ const CardCover = ({ total, style, theme: themeOverrides, + imageComponent: ImageComponent, ...rest }: Props) => { const theme = useInternalTheme(themeOverrides); @@ -66,11 +71,18 @@ const CardCover = ({ return ( - + {ImageComponent ? ( + + ) : ( + + )} ); };