From 33f996e89f430c256b332e88e1240d07d063bc71 Mon Sep 17 00:00:00 2001 From: Alina Jacob <159760598+alina-jacob@users.noreply.github.com> Date: Wed, 28 Aug 2024 14:40:51 +0530 Subject: [PATCH] Update src/pages/components/toggle/usage.mdx Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com> --- src/pages/components/toggle/usage.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/components/toggle/usage.mdx b/src/pages/components/toggle/usage.mdx index 8200c142654..ea8d294fdc4 100755 --- a/src/pages/components/toggle/usage.mdx +++ b/src/pages/components/toggle/usage.mdx @@ -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. |