Enumerated UI Components + States [10/22 Practice]
![Enumerated UI Components + States [10/22 Practice]](https://cdn.dribbble.com/users/4163173/screenshots/7743077/media/5ab0b87806ee77fb2c3b025b0e8cadcb.gif)
![Enumerated UI Components + States [10/22 Practice]](https://cdn.dribbble.com/users/4163173/screenshots/7743077/media/48a83d2646a3b78bf9cd2c011e751a0d.gif)
![Enumerated UI Components + States [10/22 Practice]](https://cdn.dribbble.com/users/4163173/screenshots/7743077/media/d0fbb4f5c5d43837833d8ff5a625451c.gif)
![Enumerated UI Components + States [10/22 Practice]](https://cdn.dribbble.com/users/4163173/screenshots/7743077/media/f6a74aee0784c4fd7d584aef74ff53d4.gif)
![Enumerated UI Components + States [10/22 Practice]](https://cdn.dribbble.com/users/4163173/screenshots/7743077/media/0dc8e90487b61e803a2cda82b8909dc1.gif)
A quick take on component states and all inputs + interactions. View functional codepens per shot below.
https://codepen.io/u-guru/pen/RwwwyWy [dropdowns]
https://codepen.io/u-guru/pen/PoowWRO [inputs]
https://codepen.io/u-guru/pen/NWWPdYz [tooltips]
https://codepen.io/u-guru/pen/bGGNgvM [buttons]
https://codepen.io/u-guru/pen/kXwmNQ [toggles]
https://codepen.io/u-guru/pen/KKKKRdP [checkboxes]
[radios]
ezgif.com-resize (6).gif
2 MB
Dropdowns.mov
2 MB
Tooltips.mov
3 MB
Inputs.mov
2 MB
Buttons.mov
800 KB