patternfly-react icon indicating copy to clipboard operation
patternfly-react copied to clipboard
verified publisher icon patternfly

Animation - create demo/showcase page

Open srambach opened this issue 10 months ago • 2 comments

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

srambach avatar May 07 '25 13:05 srambach

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 avatar May 23 '25 10:05 andrew-ronaldson

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 avatar May 27 '25 19:05 andrew-ronaldson

Image

andrew-ronaldson avatar Jul 14 '25 15:07 andrew-ronaldson