Toast alerts: Define animation tokens

patternfly / patternfly-design

Use this repo to file all new feature or design change requests for the PatternFly project

114 stars 104 forks source link

Toast alerts: Define animation tokens #1292

Closed andrew-ronaldson closed 5 months ago

andrew-ronaldson commented 5 months ago

In PF5 the toast alert component does not support micro animations. The goal of this isssue is the define the following behaviours:

How alerts appear on screen
Adjust position depending on the number of alerts and
how the alerts disappear after a fixed time/dismiss action.

lboehling commented 5 months ago

@andrew-ronaldson i moved this to design since it didn't seem specific to the design kits! not sure if it needs to be moved out of the figma kits project. I'm not sure if we'll actually be able to bake the toast alert animations into the Figma kit, maybe we can create a follow up issue for trying to get these into the actual figma library later?

andrew-ronaldson commented 5 months ago

Good call. I'm taking it out of the Figma board.

kaylachumley commented 5 months ago

View Figma Animation Prototype

kaylachumley commented 5 months ago

Updated Figma Prototype with Annotations on Semantic tokens