Function Slider

packages/editor/src/components/ui/slider.tsx:57–79

({ variant, className, ...props }: SliderProps)

  VariantProps<typeof sliderVariants>

function Slider({ variant, className, ...props }: SliderProps) {
  return (
    <SliderPrimitive.Root
      className={cn(sliderVariants({ variant }), className)}
      data-slot="slider"
      {...props}
    >
      <SliderPrimitive.Track
        className="relative h-3 w-full grow overflow-hidden rounded-full bg-muted"
        data-slot="slider-track"
      >
        <SliderPrimitive.Range className="absolute h-full bg-primary" data-slot="slider-range" />
      </SliderPrimitive.Track>
      <SliderPrimitive.Thumb
        className={cn(
          'block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50',
          'transition-[color,box-shadow] hover:ring-4 focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50',
        )}
        data-slot="slider-thumb"
      />
    </SliderPrimitive.Root>
  )
}

export { Slider }