{/* carousel.mdx */}

import { Canvas, Title, Subtitle, ArgTypes, Source, Meta, Description, Primary, Story, Stories, Controls } from '@storybook/blocks';
import * as comStories from './carousel.stories.json';
import templateSource from './carousel.twig?raw';

<Meta of={comStories} name="Docs"/>

<Title />
<Subtitle />
<Description />

> ### [Bootstrap Documentation on Carousel](https://getbootstrap.com/docs/5.3/components/carousel/)
> * [Basic Carousel](https://getbootstrap.com/docs/5.3/components/carousel/#basic-examples)
> * [Indicators](https://getbootstrap.com/docs/5.3/components/carousel/#indicators)
> * [Captions](https://getbootstrap.com/docs/5.3/components/carousel/#captions)
> * [Crossfade](https://getbootstrap.com/docs/5.3/components/carousel/#crossfade)
> * [Autoplaying carousels](https://getbootstrap.com/docs/5.3/components/carousel/#autoplaying-carousels)
> * [Individual carousel item interval](https://getbootstrap.com/docs/5.3/components/carousel/#individual-carousel-item-interval)
> * [Autoplaying carousels without controls](https://getbootstrap.com/docs/5.3/components/carousel/#autoplaying-carousels-without-controls)
> * [Disable touch swiping](https://getbootstrap.com/docs/5.3/components/carousel/#disable-touch-swiping)
> * [Custom transition](https://getbootstrap.com/docs/5.3/components/carousel/#custom-transition)
> * [Usage Via data attributes](https://getbootstrap.com/docs/5.3/components/carousel/#via-data-attributes)
> * [Usage Via JavaScript](https://getbootstrap.com/docs/5.3/components/carousel/#via-javascript)
> * [Options](https://getbootstrap.com/docs/5.3/components/carousel/#options)
> * [Methods](https://getbootstrap.com/docs/5.3/components/carousel/#methods)
> * [Events](https://getbootstrap.com/docs/5.3/components/carousel/#events)


<Primary />

## Properties
<Controls />

<Stories of={comStories} />

## Source code
[//]: # (Twig Template source code)
<Source code={templateSource} />
