Image Carousel

Image frame with arrow controls, a slide counter, and position dots.

1 / 3

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Media15 } from "@/components/beste/piece/media15";

<Media15
  images={[
    {
      "src": "https://images.unsplash.com/photo-1593558628703-535b2556320b?w=200&auto=format&fit=crop&q=60",
      "alt": "Mountain ridge in warm light"
    },
    {
      "src": "https://images.unsplash.com/photo-1519627457373-b60a0da1706b?w=200&auto=format&fit=crop&q=60",
      "alt": "Mountain lake"
    },
    {
      "src": "https://images.unsplash.com/photo-1459314079206-9970f36c7784?q=80&w=200&auto=format&fit=crop",
      "alt": "Forest canopy"
    }
  ]}
/>