diff --git a/src/Carousel.tsx b/src/Carousel.tsx
index 896d02b943..6f16ad052f 100644
--- a/src/Carousel.tsx
+++ b/src/Carousel.tsx
@@ -83,7 +83,7 @@ const propTypes = {
*/
slide: PropTypes.bool,
- /** Cross fade slides instead of the default slide animation */
+ /** Animates slides with a crossfade animation instead of the default slide animation */
fade: PropTypes.bool,
/**
diff --git a/www/src/examples/Carousel/CarouselFade.js b/www/src/examples/Carousel/CarouselFade.js
new file mode 100644
index 0000000000..dec94e7087
--- /dev/null
+++ b/www/src/examples/Carousel/CarouselFade.js
@@ -0,0 +1,37 @@
+
+
+
+
+
First slide label
+
Nulla vitae elit libero, a pharetra augue mollis interdum.
+
+
+
+
+
+
+
Second slide label
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+
+
+
+
+
+
Third slide label
+
Praesent commodo cursus magna, vel scelerisque nisl consectetur.
+
+
+;
diff --git a/www/src/pages/components/carousel.mdx b/www/src/pages/components/carousel.mdx
index f154df1db9..d6c3c4adbf 100644
--- a/www/src/pages/components/carousel.mdx
+++ b/www/src/pages/components/carousel.mdx
@@ -4,6 +4,7 @@ import ComponentApi from '../../components/ComponentApi';
import ReactPlayground from '../../components/ReactPlayground';
import CarouselControlled from '../../examples/Carousel/Controlled';
import CarouselUncontrolled from '../../examples/Carousel/Uncontrolled';
+import CarouselFade from '../../examples/Carousel/CarouselFade';
import IndividualIntervals from '../../examples/Carousel/IndividualIntervals';
# Carousels
@@ -30,6 +31,12 @@ You can also _control_ the Carousel state, via the
+## Crossfade
+
+Add the `fade` prop to your carousel to animate slides with a fade transition instead of a slide.
+
+
+
## Individual Item Intervals
You can specify individual intervals for each carousel item via the `interval`