Carousel Item

<sl-carousel pagination>
  <sl-carousel-item>
    
  </sl-carousel-item>
  <sl-carousel-item>
    
  </sl-carousel-item>
  <sl-carousel-item>
    
  </sl-carousel-item>
  <sl-carousel-item>
    
  </sl-carousel-item>
  <sl-carousel-item>
    
  </sl-carousel-item>
</sl-carousel>

import SlCarousel from '@shoelace-style/shoelace/dist/react/carousel';
import SlCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item';

const App = () => (
  <SlCarousel pagination>
    <SlCarouselItem>
      
    </SlCarouselItem>
    <SlCarouselItem>
      
    </SlCarouselItem>
    <SlCarouselItem>
      
    </SlCarouselItem>
    <SlCarouselItem>
      
    </SlCarouselItem>
    <SlCarouselItem>
      
    </SlCarouselItem>
  </SlCarousel>
);