diff --git a/src/Core.Assets/src/index.ts b/src/Core.Assets/src/index.ts index 06e6245490..38f60bfde1 100644 --- a/src/Core.Assets/src/index.ts +++ b/src/Core.Assets/src/index.ts @@ -149,6 +149,15 @@ export function afterStarted(blazor: Blazor, mode: string) { } }); + blazor.registerCustomEventType('sliderchange', { + browserEventName: 'change', + createEventArgs: event => { + return { + value: event.target!.currentValue + }; + } + }); + blazor.registerCustomEventType('accordionchange', { browserEventName: 'change', createEventArgs: event => { diff --git a/src/Core/Components/Slider/FluentSlider.razor b/src/Core/Components/Slider/FluentSlider.razor index 8fa23a77c8..283e710424 100644 --- a/src/Core/Components/Slider/FluentSlider.razor +++ b/src/Core/Components/Slider/FluentSlider.razor @@ -13,9 +13,10 @@ orientation="@Orientation.ToAttributeValue()" mode="@Mode.ToAttributeValue()" id="@Id" - @bind-value="@CurrentValueAsString" + value=@CurrentValueAsString disabled="@Disabled" name=@Name - required=@Required> + required=@Required + @onsliderchange="@ChangeHandlerAsync"> @ChildContent diff --git a/src/Core/Events/EventHandlers.cs b/src/Core/Events/EventHandlers.cs index 6f456854ec..675da23599 100644 --- a/src/Core/Events/EventHandlers.cs +++ b/src/Core/Events/EventHandlers.cs @@ -5,6 +5,7 @@ namespace Microsoft.FluentUI.AspNetCore.Components; [EventHandler("oncheckedchange", typeof(CheckboxChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)] [EventHandler("onswitchcheckedchange", typeof(CheckboxChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)] [EventHandler("onradiogroupclick", typeof(ChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)] +[EventHandler("onsliderchange", typeof(ChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)] [EventHandler("ontabchange", typeof(TabChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)] [EventHandler("onselectedchange", typeof(TreeChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)] [EventHandler("onexpandedchange", typeof(TreeChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)]