Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 3 additions & 4 deletions blazor/textarea/events.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,8 +54,7 @@ The [TextAreaValueChangeEventArgs](https://help.syncfusion.com/cr/blazor/Syncfus
```cshtml
@using Syncfusion.Blazor.Inputs

<SfTextArea ValueChange="@ChangeHandler"></SfTextArea>

<SfTextArea ValueChange="@ChangeHandler"></SfTextArea>
@code {
private void ChangeHandler(TextAreaValueChangeEventArgs args)
{
Expand Down Expand Up @@ -85,15 +84,15 @@ 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

<SfTextArea Blur="@BlurHandler"></SfTextArea>

@code {
private void BlurHandler(TextAreaFocusInEventArgs args)
private void BlurHandler(TextAreaFocusOutEventArgs args)
{
// Here you can customize your code
}
Expand Down
2 changes: 1 addition & 1 deletion blazor/textarea/resize.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)" %}
{% 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)" %}
1 change: 0 additions & 1 deletion blazor/textarea/styles-appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -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).
Expand Down