Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Navigation items: Create motion designs and micro animations #1296

Closed
6 tasks done
Tracked by #177
kaylachumley opened this issue Apr 19, 2024 · 2 comments
Closed
6 tasks done
Tracked by #177

Navigation items: Create motion designs and micro animations #1296

kaylachumley opened this issue Apr 19, 2024 · 2 comments
Assignees
@kaylachumley
Labels
Animation A new or enhanced animation for a component PatternFly 6 Design issues related to Penta work
Milestone
Penta beta release

Comments

@kaylachumley
Copy link
Collaborator

kaylachumley commented Apr 19, 2024 •
edited
Loading

The navigation component need micro animations. React Demo

The goal of this issue is the define the following behaviors:

  • Define open/close expansion behavior for navigation drilldown
  • Define hover/click animation for navigation items
  • Define fade in/out animation for navigation items
  • Define hover/click animation for horizontal nav
  • Create animation concept in Figma
  • Define and assign semantic tokens for each property
@kaylachumley kaylachumley added Animation A new or enhanced animation for a component PatternFly 6 Design issues related to Penta work labels Apr 19, 2024
@kaylachumley kaylachumley added this to the Penta beta release milestone Apr 19, 2024
@kaylachumley kaylachumley self-assigned this Apr 19, 2024
@github-project-automation github-project-automation bot moved this to Needs triage in PatternFly Issues Apr 19, 2024
@kmcfaul kmcfaul moved this from Needs triage to In Progress in PatternFly Issues Apr 24, 2024
@kaylachumley
Copy link
Collaborator Author

Figma prototype with semantic token annotations

@kaylachumley kaylachumley moved this from In Progress to Done in PatternFly Issues Apr 30, 2024
This was referenced May 1, 2024
Closed
Closed
@andrew-ronaldson
Copy link

Closed with patternfly/patternfly#6597

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@kaylachumley kaylachumley

Labels
Animation A new or enhanced animation for a component PatternFly 6 Design issues related to Penta work
Projects
PatternFly Issues
Archived in project
Milestone
Penta beta release
Development

No branches or pull requests
2 participants
@andrew-ronaldson @kaylachumley