diff --git a/site/content/docs/4.5/components/carousel.md b/site/content/docs/4.5/components/carousel.md index c0675050c1e4..b8fac60d38b4 100644 --- a/site/content/docs/4.5/components/carousel.md +++ b/site/content/docs/4.5/components/carousel.md @@ -208,6 +208,34 @@ Add `data-interval=""` to a `.carousel-item` to change the amount of time to del {{< /example >}} +### Disable touch swiping + +Carousels support swiping left/right on touchscreen devices to move between slides. This can be disabled using the `data-touch` attribute. The example below also does not include the `data-ride` attribute and has `data-interval="false"` so it doesn't autoplay. + +{{< example >}} + +{{< /example >}} + ## Usage ### Via data attributes @@ -242,7 +270,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap interval number 5000 - The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. + The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. keyboard @@ -253,15 +281,15 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap pause string | boolean - "hover" -

If set to "hover", pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it.

-

On touch-enabled devices, when set to "hover", cycling will pause on touchend (once the user finished interacting with the carousel) for two intervals, before automatically resuming. Note that this is in addition to the above mouse behavior.

+ 'hover' +

If set to 'hover', pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it.

+

On touch-enabled devices, when set to 'hover', cycling will pause on touchend (once the user finished interacting with the carousel) for two intervals, before automatically resuming. Note that this is in addition to the above mouse behavior.

ride string false - Autoplays the carousel after the user manually cycles the first item. If "carousel", autoplays the carousel on load. + Autoplays the carousel after the user manually cycles the first item. If set to 'carousel', autoplays the carousel on load. wrap