/create-a-slider-component-in-a-blazor-server-application

This sample explains how to create a Blazor Slider component in Blazor Server App. It shows how to set ticks, value limits, value formatting, and orientation.

Primary LanguageHTML

Create a Slider Component in a Blazor Server Application

This example explains how to create a Blazor Slider component in Blazor server application and add the Syncfusion Blazor package. It shows how to add the Syncfusion Blazor Slider component to a Blazor server application, enable a tooltip and slider types. It also shows how to set ticks, value limits, value formatting, and orientation.

Watch a How-to Video: https://www.syncfusion.com/tutorial-videos/blazor/range-slider?title=create-a-slider-component-in-a-blazor-server-application

Documentation: https://blazor.syncfusion.com/documentation/range-slider/getting-started

Online example: https://blazor.syncfusion.com/demos/slider/default

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Further help

For more help, check the ASP.NET Core Blazor documentation.