Skip to content
Atrium Logo Atrium Logo Atrium

Slider

Source Atrium a-track Atrium Button

Just a slider.

Terminal window
npx @sv/components slider

Example 

/* @jsxImportSource vue */


import { Image } from "package:/components/atrium/Image.jsx";
import { Slider } from "@components/src/vue/Slider";


export const SomeSlider = () => (
  <Slider>
    <div class="h-[500px] w-full flex-none p-2">
      <Image class="h-full w-full p-2" />
    </div>
    <div class="h-[500px] w-full flex-none p-2">
      <Image class="h-full w-full p-2" />
    </div>
    <div class="h-[500px] w-full flex-none p-2">
      <Image class="h-full w-full p-2" />
    </div>
    <div class="h-[500px] w-full flex-none p-2">
      <Image class="h-full w-full p-2" />
    </div>
    <div class="h-[500px] w-full flex-none p-2">
      <Image class="h-full w-full p-2" />
    </div>
    <div class="h-[500px] w-full flex-none p-2">
      <Image class="h-full w-full p-2" />
    </div>
  </Slider>
);