Toast

Toast is a short-lived message that appears on the screen, often used for success, error, or informational feedback.

Tailsee provides a variety of styles, including elements like avatars and timers, as well as entry and exit animations such as slide, scale, blur, and fade. For exit animations, Tailsee offers effects like stacking and overflow.

Basic

Sizes

Supports toasts of various sizes, suitable for different scenarios.

Rounded Style

Rounded-style toast notifications, adding visual softness.

Colors

Toast notifications with multiple color themes, adapting to various design needs.

Positions

Different positioning options for toast notifications, suitable for layout adjustments.

With Dismiss

Toast notifications with dismiss button, enhancing user interaction.

With Action Buttons

Toast notifications with action buttons, suitable for interaction.

Animation

Slide And Fade

Toast notifications with slide and fade effects, enhancing visual impact.

Code snippet not found, please check if the component name is correct

Scale And Blur

Toast notifications with scale and blur effects, suitable for dynamic display.

Code snippet not found, please check if the component name is correct

Bounce Content

Toast content with bounce effect, increasing engagement.

Code snippet not found, please check if the component name is correct

Gradient Border

Toast notifications with gradient border, enhancing visual appeal.

Code snippet not found, please check if the component name is correct

Gradient Background

Toast notifications with gradient background, suitable for prominent display.

Code snippet not found, please check if the component name is correct

Scene

With Avatar

Toast notifications with avatar, appropriate for user information display.

Code snippet not found, please check if the component name is correct

With Progress

Toast notifications with progress bar, suitable for dynamic information.

Code snippet not found, please check if the component name is correct

Alert

Alert

Basic alert-style toast notifications, appropriate for simple prompts.

Code snippet not found, please check if the component name is correct

With Large Icon

Alert toast with large icon, suitable for emphasizing information.

Code snippet not found, please check if the component name is correct

Shake

Shake-style alert toast

Code snippet not found, please check if the component name is correct

Advanced

Stacked Group

Stacked group of toast notifications, suitable for displaying multiple messages simultaneously.

Code snippet not found, please check if the component name is correct

Scale Exit

Toast notifications with scale-exit animation, enhancing dynamic effects.

Code snippet not found, please check if the component name is correct

Max Count

Maximum count limit for toast notifications, suitable for controlling display.

Code snippet not found, please check if the component name is correct

With Close Timer

Toast notifications with close timer, appropriate for automatic disappearance.

Code snippet not found, please check if the component name is correct