GlassCarousel

A swipeable slideshow of slides built on Embla Carousel.

Preview

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Usage

import {
  GlassCarousel,
  GlassCarouselContent,
  GlassCarouselItem,
  GlassCarouselPrevious,
  GlassCarouselNext,
} from "koori-ui";
 
<GlassCarousel>
  <GlassCarouselContent>
    <GlassCarouselItem>Slide 1</GlassCarouselItem>
    <GlassCarouselItem>Slide 2</GlassCarouselItem>
  </GlassCarouselContent>
  <GlassCarouselPrevious />
  <GlassCarouselNext />
</GlassCarousel>

Props

GlassCarousel

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	Scroll axis
`opts`	`CarouselOptions`	—	Embla carousel options
`plugins`	`CarouselPlugin`	—	Embla carousel plugins
`setApi`	`(api: CarouselApi) => void`	—	Receive the Embla API for programmatic control

All native <div> props are also accepted on the root.

GlassCarousel

Preview

Usage

Props

GlassCarousel

On this page