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
disabled | Optional. Defines whether a slider is disabled |
id | Optional. Sets an HTML id for a slider |
label | Optional. Sets a label above the slider bar |
max | Optional. Sets the maximal value of the slider bar |
min | Optional. Sets the minimal value of the slider bar |
step | Optional. Sets the jump between values of the slider bar |
title | Optional. Sets a tooltip text with additional info about the control |
value | Optional. Sets the value of a slider |
width | Optional. Sets the width of a slider bar |
Slider Events
change | Fires when a new value is selected in a Slider |