Toggle

[the-hanalyst]

Solution Notes: This input field has only two possible states: on and off. We should offer multiple ways to display this.

Acceptance Criteria:

• The toggle has two possible states that represent selected and unselected.
• The toggle is initially in a default state.
• The user can switch the toggle to the opposite state.
• The different toggle states have different visual representations.
• The toggle's appearance can be customised
• The toggle has an option to make it necessary to select the toggle in order to submit the form (e.g. "I have read and agree with the terms and conditions")
• The toggle accepts an onChange handler that sends the state back to the form
• The toggle accepts a validator to validate the state with