Merge pull request #2558 from nerdjfpb/carousel-fade-fix

fix(#2555): Add crossfade to Carousel
reactstrap · Jun 24, 2022 · 7775c96 · 7775c96
2 parents 36d93e1 + df16a43
commit 7775c96
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/src/Carousel.js b/src/Carousel.js
@@ -171,7 +171,7 @@ class Carousel extends React.Component {
     const outerClasses = mapToCssModules(classNames(
       className,
       'carousel',
-      'carousel-fade' && fade,
+      fade && 'carousel-fade',
       slide && 'slide',
       dark && 'carousel-dark'
     ), cssModule);

diff --git a/stories/Carousel.stories.js b/stories/Carousel.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default {
   title: 'Components/Carousel',
   parameters: {

diff --git a/stories/examples/Carousel.js b/stories/examples/Carousel.js
@@ -79,7 +79,8 @@ const Example = (args) => {
 
 Example.args = {
   dark: false,
-  slide: true
+  slide: true,
+  fade: false
 };
 
 export default Example;