Skip to main content

Slider API Overview

Initialization

import { Slider } from "@svar-ui/react-core";

// minimal configuration for initialization
export default function App() {
return <Slider />;
}
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.

Slider Properties

disabledOptional. Defines whether a slider is disabled
idOptional. Sets an HTML id for a slider
labelOptional. Sets a label above the slider bar
maxOptional. Sets the maximal value of the slider bar
minOptional. Sets the minimal value of the slider bar
stepOptional. Sets the jump between values of the slider bar
titleOptional. Sets a tooltip text with additional info about the control
valueOptional. Sets the value of a slider
widthOptional. Sets the width of a slider bar

Slider Events

changeFires when a new value is selected in a Slider