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..55930893ec --- /dev/null +++ b/blazor/chip/events.md @@ -0,0 +1,182 @@ +--- +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 + +The `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 + +The `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 + +The `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 + +The `OnBeforeClick` event triggers before a chip is clicked. + +```cshtml +@using Syncfusion.Blazor.Buttons + + + + + + + + + + + +@code { + private void OnBeforeChipClick(ChipEventArgs args) + { + // Write your code here + } +} +``` + +## OnClick + +The `OnClick` event triggers when a chip is clicked. + +```cshtml +@using Syncfusion.Blazor.Buttons + + + + + + + + + + + +@code { + private void OnChipClick(ChipEventArgs args) + { + // Write your code here + } +} +``` +## OnDelete + +The `OnDelete` event triggers before removing the chip. + +```cshtml +@using Syncfusion.Blazor.Buttons + + + + + + + + + + + +@code { + private void OnChipDelete(ChipEventArgs args) + { + // Write your code here + } +} +``` +## SelectionChanged + +The `SelectionChanged` event triggers when the selected chips are changed. + +```cshtml +@using Syncfusion.Blazor.Buttons + + + + + + + + + + + +@code { + private void OnSelectionChanged(SelectionChangedEventArgs args) + { + // Write your code here + } +} +``` + +