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.

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

Search Input: Create motion designs and micro animations #1297

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

Search Input: Create motion designs and micro animations #1297

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

Comments

@kaylachumley
Copy link
Collaborator

kaylachumley commented Apr 19, 2024

The search input component needs animation.
Search Input React demo

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

  • Define open/close(expand/collapse) behavior for search input with expandable button
  • Define hover/click interaction for all search inputs
  • Create micro animation behaviors 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
@github-project-automation github-project-automation bot moved this to Needs triage in PatternFly Issues Apr 19, 2024
@andrew-ronaldson andrew-ronaldson moved this from Needs triage to In Progress in PatternFly Issues Apr 23, 2024
@kaylachumley
Copy link
Collaborator Author

Figma prototype and annotations with semantic tokens

@kaylachumley kaylachumley self-assigned this Apr 30, 2024
@kaylachumley
Copy link
Collaborator Author

moving this to done! @andrew-ronaldson

@andrew-ronaldson
Copy link

Closed with patternfly/patternfly#6603

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Animation A new or enhanced animation for a component PatternFly 6 Design issues related to Penta work
Projects
Archived in project
Development

No branches or pull requests

3 participants