# Disintegration

**Path:** Components/Advanced

**Description:** Awaitable delete animation helper

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

Disintegration

 Disintegration is an awaitable delete animation helper for dialog containers and list rows.
 The visual effect runs first, then your Blazor code continues only after the animation is fully finished.

 Use await JS.RubicBlazor().DisintegrateAsync(target, Duration: 900, FrameCount: 64); .
 The target can be an ElementReference or an element id .

 Dialog Delete

 Capture the dialog container, await the snap effect, then close the dialog.

 Show code

 Open Delete Dialog 

 Open the demo dialog and press Delete. 

 The delete button inside the dialog waits for the animation to finish, then the dialog closes.

 List Row Delete

 Animate a row first, await completion, then remove it from component state.

 Show code

 Reset List 

 Delete a row. It will be removed from state after the awaited animation. 

 Contract-Summary.docx 
 Updated 2 min ago · 420 KB 

 Delete 

 Employee-Handbook.pdf 
 Updated yesterday · 1.2 MB 

 Delete 

 Pricing-Matrix.xlsx 
 Updated today · 860 KB 

 Delete 

 ✕

 Contents