Slider

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

utils

Variants

1. Motion

Icon
Icon

2. Slider extended

TOP:
BOTTOM:

Installation

Run the following command:

npx ever-ui-clx@0.2.1 add demo-slider
npx ever-ui-clx@0.2.1 add demo-eslactic-slider

Usage

import { Slider } from "@/components/ui/slider";
<Slider defaultValue={[10]} max={20} step={1} />