---
route: /components/carousel-item
menu: Components
---

import { Playground, Props } from 'docz';
import { Carousel } from './Carousel.tsx';
import { CarouselItem } from './CarouselItem.tsx';
import { Button } from './Button.tsx';
import { Image } from './Image.tsx';

# CarouselItem

It represents an item or a slide of a [`Carousel`](/components/carousel).

## Properties

<Props of={CarouselItem} />

## MML string and usage

Refer to the [`Carousel` docs](/components/carousel).