New toast design​

[hwangdev97]

Description

Requirements for Toast component:

• Supports three color modes/styles

• Optional action button (undo)

• Optional countdown timer for auto-dismissal

• Optional close button: show or hidden

• Optional icon support: show or hidden \ support different icons

• Supports stacking of multiple messages, with display of 1, 2, 3, or more messages when hovered over

  • Supports basic expansion animation.

---

🖌️ figma link

🎬 basic animation

ps. The animation accuracy is not high, and the animation concept can be used as a reference for implementation. Further adjustments will be made later.

Use case

No response

Anything else?

No response

Are you willing to submit a PR?

• [ ] Yes I'd like to help by submitting a PR!

[kob11angel]

Supports three color modes/styles

[himself65]

We will implement this stable version in v0.6.