Animation - create demo/showcase page #11810
Description
Create the animation demo page.
From Roadmap epic:
Components to include in the demo
- Alerts
- Notification badge and notification drawer.
- Masthead with hamburger and settings button to trigger
- Navigation expandable items.
- Skeleton loader
Other new microanimations that can be included:
- Button click
- Validation failure on form field
- Search expand/collapse
- Expand/collapse most anything
Metadata
Metadata
Assignees
Type
Projects
Status
Relationships
Development
Participants
Activity
andrew-ronaldson commentedon May 23, 2025
See prototype here. https://www.figma.com/proto/tnfaKqovI6z0jFSuvlOEoN/PatternFly-6--Motion-Design?page-id=592%3A8494&node-id=627-31148&viewport=2193%2C1599%2C0.2&t=6uNScogILf0EBClU-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=627%3A31148
andrew-ronaldson commentedon May 27, 2025
UPDATE: Going with a single page demo with tabbed content from the previous mock up. Use this instead https://www.figma.com/proto/tnfaKqovI6z0jFSuvlOEoN/PatternFly-6--Motion-Design?page-id=592%3A8494&node-id=627-31148&viewport=1481%2C3240%2C0.31&t=Cwt4sg0xVppqjfog-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=627%3A31148
andrew-ronaldson commentedon Jul 14, 2025