# Disable Slider Blazor Edition provides a set of native UI controls built for Blazor such as FlexGrid, Chart, ListView, and input controls including AutoComplete and ComboBox. ## Content RangeSlider allows you to disable its UI by setting [IsEnabled](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Input/C1.Blazor.Input.C1RangeSlider.IsEnabled.html) property of the [C1RangeSlider](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Input/C1.Blazor.Input.C1RangeSlider.html) class to **false**. This property can come in handy in the scenarios where you want to deactivate the control and activate it only when a specific event occurs. For example, you may want to restrict the applicants from selecting the total years of experience in a job application form through RangeSlider until they select the Experienced option from the provided Category options. The following images show the difference in the appearance of an enabled and disabled RangeSlider. | **Enabled Slider** | **Disabled Slider** | | --- | --- | | ![Enabled RangeSlider](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/rangeslider-enableslider.png) | ![Disabled RangeSlider](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/rangeslider-disableslider.png) | To disable the RangeSlider control, use the following code. This example uses the sample created in the [Range](/componentone/docs/blazor/online-blazor/controls/input-controls/rangeslider/rangeslider-range) topic. ```razor ```