Carousel

Carousel for cycling through content. Built with Embla Carousel.

Installation

# Install @opencosmos/ui to use Carousel
pnpm add @opencosmos/ui

Preview

Loading preview...

Usage

Import

import { Carousel } from '@opencosmos/ui';

Example

<Carousel>
  Content
</Carousel>

Eject

Copy this component into your project for full customization

Code Examples

Basic Usage

Image/content carousel

import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@opencosmos/ui"

<Carousel>
  <CarouselContent>
    <CarouselItem>Slide 1</CarouselItem>
    <CarouselItem>Slide 2</CarouselItem>
    <CarouselItem>Slide 3</CarouselItem>
  </CarouselContent>
  <CarouselPrevious />
  <CarouselNext />
</Carousel>