Side Buttons

When enabled, the side buttons of the Slider increase or decrease the component value with the predefined step.

By default, the buttons property is set to false. To display the buttons, set the property to true.

import * as React from 'react';
import * as ReactDOM from 'react-dom';

import { Slider } from '@progress/kendo-react-inputs';

class App extends React.Component {
    render() {
        return (
            <Slider
                buttons={true}
                min={1}
                max={10}
                step={1}
                defaultValue={7}
            />
        );
    }
}

ReactDOM.render(<App />, document.querySelector('my-app'));
In this article
 /