CarsXE

Search docs

Search pages, components, and skills.

Slider

An input where the user selects a value from within a given range.

Installation

Import from the package. Do not run shadcn add in your app.

tsx
import { Slider } from "@carsxe/design-system/components/slider"

Usage

tsx
import { Slider } from "@carsxe/design-system/components/slider"

<Slider defaultValue={[40]} max={100} />

Range

Disabled

API Reference

PropTypeDefault
defaultValuenumber[]—
maxnumber—
disabledboolean—