GovAlta
Toggle button
Description:
The toggle switches between two states/options.
Acceptance Criteria:
The toggle should be clearly visible and follow the design system's color scheme for interactive elements.
It should have a default state, and one other selectable state (a total of 2 states), as specified by the product requirements.
Tapping or clicking the toggle should immediately change its state without needing a page refresh.
The toggle should provide visual feedback for both active and inactive states, like a change in color or shading.
The toggle should also provide accessible text labels for both states that screen readers can read.
The component should be keyboard-navigable.
The toggle should have a loading state in case the action associated with toggling requires asynchronous operation.
Examples
https://www.figma.com/file/J0T09oH56d5gRhQ0U4wXbu/Component---Toggle%2FSwitch?node-id=2%3A2&t=VBhRYca8nZc7D2Pv-1
Figma contribution file Contribution file
