Slider

A component that allows users to select a value from a given range.

Usage

Import the Slider component from @bun-ui/react and use it in your project:

import { Slider } from "@bun-ui/react"

<Slider defaultValue={50}/>

Examples

Color

Size

Controlled

With Icon

Range

The slider can be used to set the start and end of a range by setting value of isRange to true. The value or defaultValue must be an array of two numbers.