From 3fa675f0d297b0be8b525d3867fb4ece3f86e9e3 Mon Sep 17 00:00:00 2001 From: Ashwini-SF5049 Date: Mon, 17 Nov 2025 16:23:48 +0530 Subject: [PATCH 1/2] 993136: Add events UG Documentation for Chip components --- blazor-toc.html | 3 + blazor/chip/events.md | 193 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 196 insertions(+) create mode 100644 blazor/chip/events.md diff --git a/blazor-toc.html b/blazor-toc.html index 102d9c53d3..9ebca5dff7 100644 --- a/blazor-toc.html +++ b/blazor-toc.html @@ -1607,6 +1607,9 @@
  • Types
    • +
  • + Events +
  • Customization
    • diff --git a/blazor/chip/events.md b/blazor/chip/events.md new file mode 100644 index 0000000000..e10c3bc601 --- /dev/null +++ b/blazor/chip/events.md @@ -0,0 +1,193 @@ +--- +layout: post +title: Events in Blazor Chip Component | Syncfusion +description: Explore events in Syncfusion Blazor Chip component including Created, Deleted, Destroyed, OnBeforeClick, OnClick, OnDelete, and SelectionChanged events. +platform: Blazor +control: Chip +documentation: ug +--- + +# Events in Blazor Chip Component + +This section explains the list of events of the Chip component which will be triggered for appropriate Chip actions. + +## Created + +`Created` event triggers when the Chip component rendering is completed. + + +```cshtml +@using Syncfusion.Blazor.Buttons + + + + + + + + + + +@code { + private void OnCreated(object args) + { + // Write your code here + } +} +``` +## Deleted + +`Deleted`event triggers when a chip item is deleted. + +```cshtml + +@using Syncfusion.Blazor.Buttons + + + + + + + + + + + +@code { + private void OnDeleted(ChipDeletedEventArgs args) + { + // Write your code here + } +} +``` +## Destroyed + +`Destroyed` event triggers when the Chip component is disposed. + +```cshtml + + +using Syncfusion.Blazor.Buttons + + + + + + + + + + +@code { + private void OnDestroyed(object args) + { + // Write your code here + } +} +``` +## OnBeforeClick + +`OnBeforeClick` event triggers before a chip is clicked. + +```cshtml + + +@using Syncfusion.Blazor.Buttons + + + + ChipItem Text="Small"> + + + + + + + +@code { + private void OnBeforeChipClick(ChipEventArgs args) + { + // Write your code here + } +} +``` + +## OnClick + +`OnClick` event triggers when a chip is clicked. + +```cshtml + +@using Syncfusion.Blazor.Buttons + + + + + + + + + + + +@code { + private void OnChipClick(ChipEventArgs args) + { + // Write your code here + } +} +``` +## OnDelete + +`OnDelete` event triggers before removing the chip. + +```cshtml + +@using Syncfusion.Blazor.Buttons + + + + + + + + + + + +@code { + private void OnChipDelete(ChipEventArgs args) + { + // Write your code here + } +} + +``` +## SelectionChanged + +`SelectionChanged` event triggers when the selected chips are changed. + +```cshtml + +@using Syncfusion.Blazor.Buttons + + + + + + + + + + + +@ { + private void OnSelectionChanged(SelectionChangedEventArgs args) + { + // Write your code here + } +} + +``` + + From 34fd4f0412036ad9c1b8eb8535c35eeddf7c7049 Mon Sep 17 00:00:00 2001 From: Ashwini-SF5049 Date: Mon, 17 Nov 2025 19:08:39 +0530 Subject: [PATCH 2/2] 993136: Add events UG Documentation for Chip components --- blazor/chip/events.md | 31 ++++++++++--------------------- 1 file changed, 10 insertions(+), 21 deletions(-) diff --git a/blazor/chip/events.md b/blazor/chip/events.md index e10c3bc601..55930893ec 100644 --- a/blazor/chip/events.md +++ b/blazor/chip/events.md @@ -13,8 +13,7 @@ This section explains the list of events of the Chip component which will be tri ## Created -`Created` event triggers when the Chip component rendering is completed. - +The `Created` event triggers when the Chip component rendering is completed. ```cshtml @using Syncfusion.Blazor.Buttons @@ -37,10 +36,9 @@ This section explains the list of events of the Chip component which will be tri ``` ## Deleted -`Deleted`event triggers when a chip item is deleted. +The `Deleted` event triggers when a chip item is deleted. ```cshtml - @using Syncfusion.Blazor.Buttons @@ -62,12 +60,10 @@ This section explains the list of events of the Chip component which will be tri ``` ## Destroyed -`Destroyed` event triggers when the Chip component is disposed. +The `Destroyed` event triggers when the Chip component is disposed. ```cshtml - - -using Syncfusion.Blazor.Buttons +@using Syncfusion.Blazor.Buttons @@ -87,16 +83,14 @@ using Syncfusion.Blazor.Buttons ``` ## OnBeforeClick -`OnBeforeClick` event triggers before a chip is clicked. +The `OnBeforeClick` event triggers before a chip is clicked. ```cshtml - - @using Syncfusion.Blazor.Buttons - ChipItem Text="Small"> + @@ -114,10 +108,9 @@ using Syncfusion.Blazor.Buttons ## OnClick -`OnClick` event triggers when a chip is clicked. +The `OnClick` event triggers when a chip is clicked. ```cshtml - @using Syncfusion.Blazor.Buttons @@ -139,10 +132,9 @@ using Syncfusion.Blazor.Buttons ``` ## OnDelete -`OnDelete` event triggers before removing the chip. +The `OnDelete` event triggers before removing the chip. ```cshtml - @using Syncfusion.Blazor.Buttons @@ -161,14 +153,12 @@ using Syncfusion.Blazor.Buttons // Write your code here } } - ``` ## SelectionChanged -`SelectionChanged` event triggers when the selected chips are changed. +The `SelectionChanged` event triggers when the selected chips are changed. ```cshtml - @using Syncfusion.Blazor.Buttons @@ -181,13 +171,12 @@ using Syncfusion.Blazor.Buttons -@ { +@code { private void OnSelectionChanged(SelectionChangedEventArgs args) { // Write your code here } } - ```