Creation of toast to display temporary message

[Hansanto]

I want to propose an evolution/improvement on

Component

Description

We have the Notification component. This component can display only messages and take a large place.

For some usage, it could be nice to have a little notification component displayed at the bottom or top right of the page above all other elements:

• Can be chained with another Notification component (stack of notification)
• Is automatically removed after X seconds
• Can have several colors for ERROR, SUCCESS, WARNING, or something else
• Can be closable

The notification supports already several of the expected features. However, for a toast, the UX/UI should be different.

Describe the solution you would like

A similar component like Notification, with extra attributes:

• A TTL (time to live) value (auto close)
• Allows notification stack or not
• Location of the beginning (top or bottom)
• Allows action buttons
• Allows close button (manual close)

Describe the alternatives you considered

No response

Additional comments

No response

[tiloyi]

cc @caqueste