UI Lab | Slider

Slider

Slider component for selecting a value from a range.

import { Slider } from "ui-lab-components";
 
export function Example() {
  return <Slider.Root min={0} max={100} defaultValue={[50]} />;
}

Disabled

Basic Slider

A simple range slider with a default value. Perfect for adjusting values within a range like volume or brightness.

import React from 'react';
import { Slider } from 'ui-lab-components';
 
export default function Example() {
  return <Slider.Root min={0} max={100} defaultValue={[50]} />;
}