This challenge will be occurring on June 27th, 9am - 2:30pm. If you're coming here after the fact, check out people's buttons at the bottom of this readme.
- be a single button whose appearance changes on each click (appearance can mean color or w/e)
- have 2 or more states
- should cycle through the states and effectively loop
- Have the button disable when it cycles 3 times through the states
- Connect the button to an external image
- Move the button on click
- Add your own behavior!
There are 2 ways to get started:
Create your own React app and button! OR fork + clone this repository to your machine and work within /components/Toggle.js
NOTE: You might notice the Toggle.js is a class component, you are absolutely welcome to refactor this into a functional component using React hooks
We look forward to seeing what you come up with! If you're curious what folks came up with, see them below:
- Lucy Suddenly: https://github.com/In-It-Together/challenge_1_toggle_button/tree/lucy
- Shawn Huang Fernandes: https://github.com/In-It-Together/challenge_1_toggle_button/tree/shawn
- Joe Avila: https://github.com/In-It-Together/challenge_1_toggle_button/tree/joe
- Alicia Chao: https://github.com/In-It-Together/challenge_1_toggle_button/tree/alicia