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 |