• Company
    • Company Overview
    • Leadership
    • Investor Relations
    • Press Releases
    • Press Coverage
    • Events
    • Awards
    • Corporate Blog
    • Customers
    • Careers
    • Offices
  • Technology
    • Application Development and Deployment
    • BaaS Platform
    • Data Connectivity and Integration
    • Web Content Management
    • Predictive Analytics
Kendo UI for Angular
  • Overview
  • Components
  • Roadmap
  • Community & Support
  • Pricing
  •   Search
  • Get started
All Components
Components
  • Buttons
  • Charts
  • Data Query
  • DateInputs
  • Dialogs
  • Drawing
  • DropDowns
  • Excel Export
  • File Saver
  • Gauges
  • Grid
  • Inputs
    • Overview
    • MaskedTextBox
    • NumericTextBox
    • Slider
      • Overview
      • Disabled State
      • Read-Only State
      • Predefined Steps
      • Side Buttons
      • Ticks
      • Orientation
      • Forms Support
      • Keyboard Navigation
      • Accessibility
    • Switch
    • TextBox
    • Globalization
    • Right-to-Left Support
    • API
    • Change Log
  • Internationalization
  • Label
  • Layout
  • Localization
  • Menu
  • PDF Export
  • Popup
  • Ripple
  • ScrollView
  • Sortable
  • TreeView
  • Upload
  • Date Math
  • Forms
  • Accessibility
  • Framework & Features
  • Build Setup
  • Styling & Themes
  • FAQ
  • Troubleshooting
  • Copyright

Components / Inputs / Slider

Disabled State

You can enable or disable the Slider for Angular.

To disable the component, set the disabled property to true.

@Component({
    selector: 'my-app',
    template: `
        <kendo-slider
            [disabled]="true"
            [min]="min"
            [max]="max"
            [smallStep]="smallStep"
            [(ngModel)] = "value"
        ></kendo-slider>
    `
})

class AppComponent {
    public value: number = 5;
    public min: number = 0;
    public max: number = 10;
    public smallStep: number = 1;
}

Suggested Links

  • API Reference of the Slider
Previous Slider / Overview
Next Slider / Read-Only State
In this article

    Was this article helpful?

     / 

    Give article feedback

    Tell us how we can improve this article

    Kendo UI for Angular
    • Overview
    • Getting Started
    • Components
    • Install Now
    • Release History
    Community & Support
    • Blogs
    • StackOverflow
    • Support Plans
    • Feedback Portal
    Get Involved
    • GitHub
    • Report an Issue
    • What Should We Do Next?

    Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates.
    All Rights Reserved.

    Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.