1# Carousel
2 
3A carousel with motion and swipe built using Embla.
4 
5## Key Props
6 
7- `items`: as an array and render each item using the default slot:
8 
9## ::component-example
10 
11name: 'carousel-items-example'
12class: 'p-8'
13 
14---
15 
16::
17 
18You can also pass an array of objects with the following properties:
19 
20- `class?: any`{lang="ts-type"}
21- `ui?: { item?: ClassNameValue }`{lang="ts-type"}
22 
23You can control how many items are visible by using the [`basis`](https://tailwindcss.
24 
25- `orientation`: to change the orientation of the Progress.
26- `arrows`: to display prev and next buttons.
27- `dots`: to display a list of dots to scroll to a specific slide.
28- `autoplay`: as a boolean or an object to configure the [Autoplay plugin](https://www.
29- `fade`: as a boolean or an object to configure the [Fade plugin](https://www.
30 
31## Usage
32 
33```vue
34<UCarousel
35  <!-- props here -->
36/>
37```
38