ui-for-blazor-lp-pages-herobanner

Progress Telerik UI for Blazor

Animation Container

  • Animation Container Overview

    The Animation Container component gives capability to create stylish messages and popups in both Blazor WebAssembly (WASM) and Server-side Blazor applications. It comes with twelve out-of-the box animation types such as Fade, Slide Down, Slide Right and ZoomIn, and multiple configuration settings to let you adjust its size, position and content.

    Besides being able to create notifications or expandable components, the Animation component lets you animate any element in your Blazor apps you wish and get a pixel-perfect result every time.

    Example of Blazor Animation container.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Animation Types

    The Animation Container component provides twelve built-in animation types, to let you

    • SlideUp
    • SlideIn
    • SlideDown
    • SlideRight
    • SlideLeft
    • PushUp,
    • PushDown
    • PushLeft
    • PushRight
    • Fade
    • ZoomIn
    • ZoomOut

    Example of Blazor animated notification.

  • Animation Customization

    In addition to the various animation types, the component exposes multiple events and properties to let you further customize the animation behavior.  You can define custom CSS class, animation position, duration, and even delays in showing and hiding.

    Code samples with Animation Container customizations in Blazor.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.