Carousel

Embla-powered slider with square navigation paddles, mono labels, and responsive layouts tailored to the Omni control panel.

Deployment summary

Environment rotation
Use the carousel controls or keyboard arrows to inspect environment snapshots.
Healthy

Staging

Rolling deploy across Tokyo cluster

Monitoring

Production

Canary at 35% traffic in Singapore

Warm

Failover

Osaka cluster warming standby nodes

Installation

pnpm dlx shadcn@latest add @omni/carousel

Usage

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

<Carousel>
  <CarouselContent>
    {["one", "two", "three"].map((item) => (
      <CarouselItem key={item}>{item}</CarouselItem>
    ))}
  </CarouselContent>
  <CarouselPrevious />
  <CarouselNext />
</Carousel>