Add Disabled property to BlazorSliders to prevent user interaction#26
Add Disabled property to BlazorSliders to prevent user interaction#26carlfranklin with Copilot wants to merge 4 commits into
Conversation
|
@carlfranklin 👋 This repository doesn't have Copilot instructions. With Copilot instructions, I can understand the repository better, work faster and produce higher quality PRs. I can generate a .github/copilot-instructions.md file for you automatically. Click here to open a pre-filled issue and assign it to me. I'll write the instructions, and then tag you for review. |
…atibility Co-authored-by: carlfranklin <1486348+carlfranklin@users.noreply.github.com>
|
@copilot Do not downgrade to .NET 8! Always use .NET 9! |
Co-authored-by: carlfranklin <1486348+carlfranklin@users.noreply.github.com>
Co-authored-by: carlfranklin <1486348+carlfranklin@users.noreply.github.com>
Understood! Fixed in commit 39d526f - all projects now target .NET 9 with appropriate package versions. The disabled feature implementation maintains .NET 9 as requested. Warning Firewall rules blocked me from connecting to one or more addressesI tried to connect to the following addresses, but was blocked by firewall rules:
If you need me to access, download, or install something from one of these locations, you can either:
|
This PR adds a new
Disabledproperty to bothVerticalSliderPanelandHorizontalSliderPanelcomponents that prevents user interaction with the slider when set totrue. This addresses scenarios where you need to prevent a page from being "made visible" when its initial start width is 0.Key Features
Disabledparameter (bool, default:false) available on both slider componentsTechnical Implementation
The implementation includes:
Disabledparameter toSliderPanelBaseand state management in both slider componentsSliders.jsto respect disabled state and apply appropriate stylingopacity,cursor,pointer-events) for disabled stateUsage
Demo
The implementation includes a working demo that shows the toggle functionality:
Enabled State:

Disabled State:

Fixes #3.
💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.