chore: Add reduced-motion documentation to Spinner (microsoft#25561)

* chore: Add reduced-motion documentation to Spinner * change file
Hotell · Feb 9, 2023 · 6794f87 · 6794f87
1 parent 63aedae
commit 6794f87
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/change/@fluentui-react-spinner-9b660086-15f0-4220-970b-d21b6a1e0ed4.json b/change/@fluentui-react-spinner-9b660086-15f0-4220-970b-d21b6a1e0ed4.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Add documentation for Spinner when reduced-motion is active",
+  "packageName": "@fluentui/react-spinner",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-spinner/Spec.md b/packages/react-components/react-spinner/Spec.md
@@ -118,3 +118,5 @@ The Spinner is non-interactive.
 - **Touch** - Nothing
 
 ## Accessibility
+
+When reduced motion, is active the `indeterminate` `Spinner` will rotate once and then stop animating.
diff --git a/...ages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md b/...ages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md
@@ -10,6 +10,7 @@
 - Use one Spinner at a time.
 - Descriptive verbs are appropriate under a Spinner to help the user understand what's happening. Ie: Saving, processing, updating.
 - Use a Spinner when confirming a change has been made or a task is being processed.
+- Add a description to a Spinner when reduced-motion is active
 
 ### Don't
Original file line number	Diff line number	Diff line change
Expand Up		@@ -118,3 +118,5 @@ The Spinner is non-interactive.
		- Touch - Nothing

		## Accessibility

		When reduced motion, is active the `indeterminate` `Spinner` will rotate once and then stop animating.