patternfly / patternfly-design

Use this repo to file all new feature or design change requests for the PatternFly project
114 stars 103 forks source link

Animation: Inputs with validation state #1327

Closed andrew-ronaldson closed 1 month ago

andrew-ronaldson commented 3 months ago

Goal

Design an experience that uses our micro animation tokens to notify the user that an input failed validation. This will help the user to quickly identify problem areas that require attention.

Links

### Components with validation
- [x] Form control
- [x] Form select
- [x] Text area
- [x] Text input
- [x] Menu toggle
### Tasks
- [x] research input and form design accessibility
- [x] create visual of motion in CodePen
- [x] use CodePen example to define motion tokens