Skip to content

Commit

Permalink
Update src/pages/components/toggle/usage.mdx
Browse files Browse the repository at this point in the history 
Co-authored-by: Lauren Rice <[email protected]>
  • Loading branch information
@alina-jacob @laurenmrice
alina-jacob and laurenmrice authored Aug 28, 2024
1 parent 2670e70 commit 33f996e
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/pages/components/toggle/usage.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,7 @@ and skeleton. For more information on toggle states, see the
| State | When to use |
| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| On | When a user clicks or uses the arrow keys to switch on the component. |
| Off | When a user clicks or uses the arrows keys to switch off the component. |
| Off | When a user clicks or uses the arrow keys to switch off the component. |
| Focus | When a user presses tab or clicks on the toggle, it becomes focused, indicating the user has successfully navigated to the component. |
| Disabled | When a user is not allowed to interact with the toggle due to either permissions, dependencies, or pre-requisites. The disabled state completely removes the interactive function from a component. The styling is not subject to WCAG contrast compliance. |
| Read-only | When the user can review but not modify the component. This state removes all interactive functions like the disabled state but can still be focusable, accessible by screen readers, and passes visual contrast for readability. |
Expand Down

0 comments on commit 33f996e

Please sign in to comment.