diff --git a/blazor/textarea/events.md b/blazor/textarea/events.md index eadfea639a..22b7166517 100644 --- a/blazor/textarea/events.md +++ b/blazor/textarea/events.md @@ -54,8 +54,7 @@ The [TextAreaValueChangeEventArgs](https://help.syncfusion.com/cr/blazor/Syncfus ```cshtml @using Syncfusion.Blazor.Inputs - - + @code { private void ChangeHandler(TextAreaValueChangeEventArgs args) { @@ -85,7 +84,7 @@ The [TextAreaFocusInEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion. ## Blur event The TextArea component triggers the [Blur](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfTextArea.html#Syncfusion_Blazor_Inputs_SfTextArea_Blur) when the TextArea loses focus. This event allows users to execute specific actions when the user interacts with the TextArea by moving focus away from it. -The [TextAreaFocusInEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.TextAreaFocusOutEventArgs.html) passed as an argument provides details about the blur event in the TextArea. +The [TextAreaFocusOutEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.TextAreaFocusOutEventArgs.html) passed as an argument provides details about the blur event in the TextArea. ```cshtml @using Syncfusion.Blazor.Inputs @@ -93,7 +92,7 @@ The [TextAreaFocusInEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion. @code { - private void BlurHandler(TextAreaFocusInEventArgs args) + private void BlurHandler(TextAreaFocusOutEventArgs args) { // Here you can customize your code } diff --git a/blazor/textarea/resize.md b/blazor/textarea/resize.md index 6b5c2e451c..698cc1024a 100644 --- a/blazor/textarea/resize.md +++ b/blazor/textarea/resize.md @@ -40,4 +40,4 @@ You can easily customize the width of the TextArea using the [Width](https://hel {% endhighlight %} {% endtabs %} -{% previewsample "https://blazorplayground.syncfusion.com/embed/VZLTjRCACTsLJegK?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor TextArea with Resize](./images/blazor-textarea-resize-width.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/VZLTjRCACTsLJegK?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor TextArea with Resize](./images/blazor-textarea-resize-width.png)" %} diff --git a/blazor/textarea/styles-appearance.md b/blazor/textarea/styles-appearance.md index df48c253d0..0fa6f0eb61 100644 --- a/blazor/textarea/styles-appearance.md +++ b/blazor/textarea/styles-appearance.md @@ -105,7 +105,6 @@ By utilizing the `CssClass` API, users can apply custom CSS classes to the TextA {% endhighlight %} {% endtabs %} - ## Setting the disabled state To disable the TextArea, you can utilize the [Disabled](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfTextArea.html#Syncfusion_Blazor_Inputs_SfTextArea_Disabled) property. When set to `true`, the TextArea becomes disabled, preventing user interaction. Please find the demo link [here](https://blazor.syncfusion.com/demos/textarea/api?theme=fluent).