# All files / src/components/ui slider.tsx

0% Statements 0/4
100% Branches 0/0
0% Functions 0/1
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39

     "use client"

    import * as React from "react"
    import * as SliderPrimitive from "@radix-ui/react-slider"

    import { cn } from "@/lib/utils"

    function Slider({
      className,
      ...props
    }: React.ComponentProps<typeof SliderPrimitive.Root>) {
      return (
        <SliderPrimitive.Root
          data-slot="slider"
          className={cn(
            "relative flex w-full touch-none select-none items-center",
            className
          )}
          {...props}
        >
          <SliderPrimitive.Track
            data-slot="slider-track"
            className="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20"
          >
            <SliderPrimitive.Range
              data-slot="slider-range"
              className="absolute h-full bg-primary"
            />
          </SliderPrimitive.Track>
          <SliderPrimitive.Thumb
            data-slot="slider-thumb"
            className="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
          />
        </SliderPrimitive.Root>
      )
    }

    export { Slider }