Class ToastEffect

Specifies the animation effects available for Toast notification show and hide transitions.

Inheritance
System.Object
ToastEffect
Namespace: Syncfusion.Blazor.Notifications
Assembly: Syncfusion.Blazor.dll
Syntax
public sealed class ToastEffect : Enum
Remarks

This enumeration provides a comprehensive set of animation effects that can be applied to Toast notifications. These effects enhance the user experience by providing smooth visual transitions when Toast messages appear and disappear. The effects are grouped into categories including fade, flip, slide, and zoom animations, each offering different visual styles.

Examples

Configuring animation effects for Toast:

<SfToast>
    <ToastAnimationSettings>
        <ToastShowAnimationSettings Effect="ToastEffect.FadeIn" Duration="500" />
        <ToastHideAnimationSettings Effect="ToastEffect.FadeOut" Duration="300" />
    </ToastAnimationSettings>
</SfToast>

Fields

FadeIn

Specifies a fade-in animation effect that gradually increases opacity from transparent to visible.

Declaration
public const ToastEffect FadeIn
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification appear by gradually increasing its opacity from 0% to 100%. It provides a smooth and subtle entrance animation that is commonly used for show transitions.

FadeOut

Specifies a fade-out animation effect that gradually decreases opacity from visible to transparent.

Declaration
public const ToastEffect FadeOut
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification disappear by gradually decreasing its opacity from 100% to 0%. It provides a smooth and subtle exit animation that is commonly used for hide transitions.

FadeZoomIn

Specifies a fade-zoom-in animation effect that combines fading and scaling from small to normal size.

Declaration
public const ToastEffect FadeZoomIn
Field Value
Type
ToastEffect
Remarks

This effect combines fade-in with zoom-in animations, making the Toast notification appear by simultaneously increasing opacity and scaling from a smaller size to normal size. It creates a more dynamic entrance effect compared to simple fade-in.

FadeZoomOut

Specifies a fade-zoom-out animation effect that combines fading and scaling from normal to small size.

Declaration
public const ToastEffect FadeZoomOut
Field Value
Type
ToastEffect
Remarks

This effect combines fade-out with zoom-out animations, making the Toast notification disappear by simultaneously decreasing opacity and scaling from normal size to a smaller size. It creates a more dynamic exit effect compared to simple fade-out.

FlipLeftDownIn

Specifies a flip animation effect that rotates the Toast notification from the left side downward during entrance.

Declaration
public const ToastEffect FlipLeftDownIn
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast appears to rotate around its left edge, flipping downward into view. It provides a distinctive and eye-catching entrance animation.

FlipLeftDownOut

Specifies a flip animation effect that rotates the Toast notification toward the left side downward during exit.

Declaration
public const ToastEffect FlipLeftDownOut
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast appears to rotate around its left edge, flipping downward out of view. It provides a distinctive and eye-catching exit animation.

FlipLeftUpIn

Specifies a flip animation effect that rotates the Toast notification from the left side upward during entrance.

Declaration
public const ToastEffect FlipLeftUpIn
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast appears to rotate around its left edge, flipping upward into view. It provides a distinctive and eye-catching entrance animation.

FlipLeftUpOut

Specifies a flip animation effect that rotates the Toast notification toward the left side upward during exit.

Declaration
public const ToastEffect FlipLeftUpOut
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast appears to rotate around its left edge, flipping upward out of view. It provides a distinctive and eye-catching exit animation.

FlipRightDownIn

Specifies a flip animation effect that rotates the Toast notification from the right side downward during entrance.

Declaration
public const ToastEffect FlipRightDownIn
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast appears to rotate around its right edge, flipping downward into view. It provides a distinctive and eye-catching entrance animation.

FlipRightDownOut

Specifies a flip animation effect that rotates the Toast notification toward the right side downward during exit.

Declaration
public const ToastEffect FlipRightDownOut
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast appears to rotate around its right edge, flipping downward out of view. It provides a distinctive and eye-catching exit animation.

FlipRightUpIn

Specifies a flip animation effect that rotates the Toast notification from the right side upward during entrance.

Declaration
public const ToastEffect FlipRightUpIn
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast appears to rotate around its right edge, flipping upward into view. It provides a distinctive and eye-catching entrance animation.

FlipRightUpOut

Specifies a flip animation effect that rotates the Toast notification toward the right side upward during exit.

Declaration
public const ToastEffect FlipRightUpOut
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast appears to rotate around its right edge, flipping upward out of view. It provides a distinctive and eye-catching exit animation.

FlipXDownIn

Specifies a flip animation effect that rotates the Toast notification along the X-axis downward during entrance.

Declaration
public const ToastEffect FlipXDownIn
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast rotates along the horizontal X-axis, flipping downward into view. It provides a horizontal flip entrance animation.

FlipXDownOut

Specifies a flip animation effect that rotates the Toast notification along the X-axis downward during exit.

Declaration
public const ToastEffect FlipXDownOut
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast rotates along the horizontal X-axis, flipping downward out of view. It provides a horizontal flip exit animation.

FlipXUpIn

Specifies a flip animation effect that rotates the Toast notification along the X-axis upward during entrance.

Declaration
public const ToastEffect FlipXUpIn
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast rotates along the horizontal X-axis, flipping upward into view. It provides a horizontal flip entrance animation.

FlipXUpOut

Specifies a flip animation effect that rotates the Toast notification along the X-axis upward during exit.

Declaration
public const ToastEffect FlipXUpOut
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast rotates along the horizontal X-axis, flipping upward out of view. It provides a horizontal flip exit animation.

FlipYLeftIn

Specifies a flip animation effect that rotates the Toast notification along the Y-axis from the left during entrance.

Declaration
public const ToastEffect FlipYLeftIn
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast rotates along the vertical Y-axis, flipping from the left side into view. It provides a vertical flip entrance animation.

FlipYLeftOut

Specifies a flip animation effect that rotates the Toast notification along the Y-axis toward the left during exit.

Declaration
public const ToastEffect FlipYLeftOut
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast rotates along the vertical Y-axis, flipping toward the left side out of view. It provides a vertical flip exit animation.

FlipYRightIn

Specifies a flip animation effect that rotates the Toast notification along the Y-axis from the right during entrance.

Declaration
public const ToastEffect FlipYRightIn
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast rotates along the vertical Y-axis, flipping from the right side into view. It provides a vertical flip entrance animation.

FlipYRightOut

Specifies a flip animation effect that rotates the Toast notification along the Y-axis toward the right during exit.

Declaration
public const ToastEffect FlipYRightOut
Field Value
Type
ToastEffect
Remarks

This effect creates a 3D flip animation where the Toast rotates along the vertical Y-axis, flipping toward the right side out of view. It provides a vertical flip exit animation.

None

Specifies no animation effect for the Toast notification.

Declaration
public const ToastEffect None
Field Value
Type
ToastEffect
Remarks

This option disables all animation effects, causing the Toast notification to appear and disappear instantly without any transition. This is useful when immediate display is required or when performance is a concern and animations are not desired.

SlideBottomIn

Specifies a slide animation effect that moves the Toast notification from the bottom edge into view.

Declaration
public const ToastEffect SlideBottomIn
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification appear by sliding upward from the bottom edge of its container. It creates a smooth sliding entrance animation that is commonly used for bottom-positioned notifications.

SlideBottomOut

Specifies a slide animation effect that moves the Toast notification toward the bottom edge out of view.

Declaration
public const ToastEffect SlideBottomOut
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification disappear by sliding downward toward the bottom edge of its container. It creates a smooth sliding exit animation that is commonly used for bottom-positioned notifications.

SlideDown

Specifies a slide animation effect that moves the Toast notification downward.

Declaration
public const ToastEffect SlideDown
Field Value
Type
ToastEffect
Remarks

This effect creates a downward sliding motion for the Toast notification. It can be used for both entrance and exit animations depending on the context and implementation.

SlideLeft

Specifies a slide animation effect that moves the Toast notification leftward.

Declaration
public const ToastEffect SlideLeft
Field Value
Type
ToastEffect
Remarks

This effect creates a leftward sliding motion for the Toast notification. It can be used for both entrance and exit animations depending on the context and implementation.

SlideLeftIn

Specifies a slide animation effect that moves the Toast notification from the left edge into view.

Declaration
public const ToastEffect SlideLeftIn
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification appear by sliding rightward from the left edge of its container. It creates a smooth sliding entrance animation that is commonly used for left-positioned notifications.

SlideLeftOut

Specifies a slide animation effect that moves the Toast notification toward the left edge out of view.

Declaration
public const ToastEffect SlideLeftOut
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification disappear by sliding leftward toward the left edge of its container. It creates a smooth sliding exit animation that is commonly used for left-positioned notifications.

SlideRight

Specifies a slide animation effect that moves the Toast notification rightward.

Declaration
public const ToastEffect SlideRight
Field Value
Type
ToastEffect
Remarks

This effect creates a rightward sliding motion for the Toast notification. It can be used for both entrance and exit animations depending on the context and implementation.

SlideRightIn

Specifies a slide animation effect that moves the Toast notification from the right edge into view.

Declaration
public const ToastEffect SlideRightIn
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification appear by sliding leftward from the right edge of its container. It creates a smooth sliding entrance animation that is commonly used for right-positioned notifications.

SlideRightOut

Specifies a slide animation effect that moves the Toast notification toward the right edge out of view.

Declaration
public const ToastEffect SlideRightOut
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification disappear by sliding rightward toward the right edge of its container. It creates a smooth sliding exit animation that is commonly used for right-positioned notifications.

SlideTopIn

Specifies a slide animation effect that moves the Toast notification from the top edge into view.

Declaration
public const ToastEffect SlideTopIn
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification appear by sliding downward from the top edge of its container. It creates a smooth sliding entrance animation that is commonly used for top-positioned notifications.

SlideTopOut

Specifies a slide animation effect that moves the Toast notification toward the top edge out of view.

Declaration
public const ToastEffect SlideTopOut
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification disappear by sliding upward toward the top edge of its container. It creates a smooth sliding exit animation that is commonly used for top-positioned notifications.

SlideUp

Specifies a slide animation effect that moves the Toast notification upward.

Declaration
public const ToastEffect SlideUp
Field Value
Type
ToastEffect
Remarks

This effect creates an upward sliding motion for the Toast notification. It can be used for both entrance and exit animations depending on the context and implementation.

ZoomIn

Specifies a zoom animation effect that scales the Toast notification from small to normal size during entrance.

Declaration
public const ToastEffect ZoomIn
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification appear by scaling it from a smaller size to its normal size. It creates a smooth scaling entrance animation that draws attention to the notification.

ZoomOut

Specifies a zoom animation effect that scales the Toast notification from normal to small size during exit.

Declaration
public const ToastEffect ZoomOut
Field Value
Type
ToastEffect
Remarks

This effect makes the Toast notification disappear by scaling it from its normal size to a smaller size. It creates a smooth scaling exit animation that provides a clean disappearing effect.