Skip to content
aq-ui
Back to ComponentsComponent

Slider

Open-code aq-ui accessible component family for Slider.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add slider

API reference

SSR-safe

Import the parts you need, then jump to an export for its contract.

View full source

Quick start

import { Slider } from "@/components/ui/slider"

<Slider />

Slider

constSource L6

Open-code aq-ui accessible component family for Slider.

const Slider = React.forwardRef<React.ComponentRef<typeof SliderPrimitive.Root>, SliderPrimitive.Root.Props>(…)
Props type
SliderPrimitive.Root.Props
<Slider />

Registry dependencies

utils

Package dependencies

@base-ui/react@^1.7.0

Files

  • components/ui/slider.tsx

Source