Slider

1import { Slider, SliderLabel, SliderValue } from "@/components/ui/slider";
2
3<Slider />

1"use client";
2
3import { Slider as ArkSlider, useSliderContext } from "@ark-ui/react/slider";
4import React from "react";
5import { cn } from "@/lib/utils";
6import { FieldLabel } from "@/registry/react/components/field";
7
8export const useSlider = useSliderContext;
9
10interface SliderProps extends React.ComponentProps<typeof ArkSlider.Root> {
11  /**
12   * The interval between markers.
13   *
14   * @default 1
15   */
16  markerInterval?: number;
17  /**
18   * The labels to show on the markers.
19   *
20   * @default []
21   */
22  markerLabels?: string[];
23  /**
24   * Whether to show markers.
25   *
26   * @default false
27   */
28  showMarkers?: boolean;