diff --git a/cypress/integration/Radio.spec.ts b/cypress/integration/Radio.spec.ts
index dd5d0c1463..1ed7e99e28 100644
--- a/cypress/integration/Radio.spec.ts
+++ b/cypress/integration/Radio.spec.ts
@@ -14,26 +14,26 @@ describe('Radio', () => {
         cy.checkA11y();
       });
 
-      context(`when the "Gluten Free" radio button is clicked`, () => {
+      context(`when the "Gluten free" radio button is clicked`, () => {
         beforeEach(() => {
-          cy.findByLabelText('Gluten Free').click();
+          cy.findByLabelText('Gluten free').click();
         });
 
-        it(`the "Gluten Free" radio button should be checked`, () => {
-          cy.findByLabelText('Gluten Free').should('be.checked');
+        it(`the "Gluten free" radio button should be checked`, () => {
+          cy.findByLabelText('Gluten free').should('be.checked');
         });
       });
 
       context(
-        `when clicking the "Gluten Free" radio button and then clicking the "Thin" radio button`,
+        `when clicking the "Gluten free" radio button and then clicking the "Thin" radio button`,
         () => {
           beforeEach(() => {
-            cy.findByLabelText('Gluten Free').click();
+            cy.findByLabelText('Gluten free').click();
             cy.findByLabelText('Thin').click();
           });
 
-          it(`the "Gluten Free" radio button should not be checked`, () => {
-            cy.findByLabelText('Gluten Free').should('not.be.checked');
+          it(`the "Gluten free" radio button should not be checked`, () => {
+            cy.findByLabelText('Gluten free').should('not.be.checked');
           });
 
           it(`the "Thin" radio button should be checked`, () => {
@@ -53,8 +53,8 @@ describe('Radio', () => {
       cy.checkA11y();
     });
 
-    it(`the "Gluten Free (Sold Out)" radio button should be disabled`, () => {
-      cy.findByLabelText('Gluten Free (Sold Out)').should('be.disabled');
+    it(`the "Gluten free (sold out)" radio button should be disabled`, () => {
+      cy.findByLabelText('Gluten free (sold out)').should('be.disabled');
     });
   });
 });
diff --git a/modules/preview-react/breadcrumbs/stories/Breadcrumbs.stories.mdx b/modules/preview-react/breadcrumbs/stories/Breadcrumbs.stories.mdx
index a217e07087..098c96e448 100644
--- a/modules/preview-react/breadcrumbs/stories/Breadcrumbs.stories.mdx
+++ b/modules/preview-react/breadcrumbs/stories/Breadcrumbs.stories.mdx
@@ -48,7 +48,7 @@ you'll need to add `buttonAriaLabel` to `Breadcrumbs.CollapsibleList`.
 
 <ExampleCodeBlock code={CollapsibleList} />
 
-### Right-to-Left Example
+### Right-to-Left (RTL)
 
 Breadcrumbs has bidirectional support out of the box. That means outside of setting the content
 direction in your application's Canvas theme, you don't need to do anything else to make it work.
diff --git a/modules/preview-react/menu/stories/examples/Icons.tsx b/modules/preview-react/menu/stories/examples/Icons.tsx
index 049162cae3..e37324cdf9 100644
--- a/modules/preview-react/menu/stories/examples/Icons.tsx
+++ b/modules/preview-react/menu/stories/examples/Icons.tsx
@@ -10,7 +10,7 @@ import {Menu, MenuItem} from '@workday/canvas-kit-preview-react/menu';
 
 export const Icons = () => {
   return (
-    <Menu title="Menu Title">
+    <Menu>
       <MenuItem icon={uploadCloudIcon}>First Item</MenuItem>
       <MenuItem icon={setupIcon}>Second Item (with a really really really long label)</MenuItem>
       <MenuItem isDisabled icon={uploadCloudIcon} secondaryIcon={taskContactIcon}>
diff --git a/modules/preview-react/menu/stories/examples/ManyItems.tsx b/modules/preview-react/menu/stories/examples/ManyItems.tsx
index 3ef49d4c8a..900fd4f530 100644
--- a/modules/preview-react/menu/stories/examples/ManyItems.tsx
+++ b/modules/preview-react/menu/stories/examples/ManyItems.tsx
@@ -4,7 +4,7 @@ import {Menu, MenuItem} from '@workday/canvas-kit-preview-react/menu';
 
 export const ManyItems = () => {
   return (
-    <Menu title="Menu Titles">
+    <Menu>
       {'One Two Three Four Five Six Seven Eight Nine Ten Eleven Twelve Thirteen Fourteen Fifteen'
         .split(' ')
         .map(item => {
diff --git a/modules/react/action-bar/stories/ActionBar.stories.mdx b/modules/react/action-bar/stories/ActionBar.stories.mdx
index 5bce21c01b..288f6f20bc 100644
--- a/modules/react/action-bar/stories/ActionBar.stories.mdx
+++ b/modules/react/action-bar/stories/ActionBar.stories.mdx
@@ -54,6 +54,6 @@ At 575px, responsive styles will take effect:
 
 ## Props
 
-Undocumented props are spread to the underlying container `div` element.
+Undocumented props are spread to the underlying container `<div>` element.
 
 <ArgsTable of={ActionBar} />
diff --git a/modules/react/button/stories/button/Button.stories.mdx b/modules/react/button/stories/button/Button.stories.mdx
index 49a7e5a087..c9cfdca512 100644
--- a/modules/react/button/stories/button/Button.stories.mdx
+++ b/modules/react/button/stories/button/Button.stories.mdx
@@ -42,7 +42,7 @@ should take. Not all screens require a Primary Button.
 
 #### Props
 
-Undocumented props are spread to the underlying `button` element.
+Undocumented props are spread to the underlying `<button>` element.
 
 <ArgsTable of={PrimaryButton} />
 
@@ -58,7 +58,7 @@ Use the `inverse` variants on dark or colorful backgrounds.
 
 #### Props
 
-Undocumented props are spread to the underlying `button` element.
+Undocumented props are spread to the underlying `<button>` element.
 
 <ArgsTable of={SecondaryButton} />
 
@@ -75,7 +75,7 @@ Use the `inverse` variants on dark or colorful backgrounds.
 
 #### Props
 
-Undocumented props are spread to the underlying `button` element.
+Undocumented props are spread to the underlying `<button>` element.
 
 <ArgsTable of={TertiaryButton} />
 
@@ -89,16 +89,16 @@ before deleting.
 
 #### Props
 
-Undocumented props are spread to the underlying `button` element.
+Undocumented props are spread to the underlying `<button>` element.
 
 <ArgsTable of={DeleteButton} />
 
 ### Accessible Use of the `as` Prop
 
 Like many of our components, Buttons accept an `as` prop, which lets you change the underlying
-semantic element - usually an `a` (anchor), or a `button`. This should be done with caution to
-ensure the best accessibility. Generally, `button` elements should be used for actions, and `a`
-(anchor) elements should be used for navigation.
+semantic element - usually an `<a>`, or a `<button>`. This should be done with caution to ensure the
+best accessibility. Generally, `<button>` elements should be used for actions, and `<a>` elements
+should be used for navigation.
 
 ## Specifications
 
diff --git a/modules/react/button/stories/icon-button/IconButton.stories.mdx b/modules/react/button/stories/icon-button/IconButton.stories.mdx
index cdeb71703c..b7d3442301 100644
--- a/modules/react/button/stories/icon-button/IconButton.stories.mdx
+++ b/modules/react/button/stories/icon-button/IconButton.stories.mdx
@@ -101,6 +101,6 @@ The `toggle` prop can be used to make icon buttons toggleable.
 
 ## Props
 
-Undocumented props are spread to the underlying `button` element.
+Undocumented props are spread to the underlying `<button>` element.
 
 <ArgsTable of={IconButton} />
diff --git a/modules/react/pagination/stories/pagination.stories.mdx b/modules/react/pagination/stories/pagination.stories.mdx
index 20d7d671c7..e9e1e35503 100644
--- a/modules/react/pagination/stories/pagination.stories.mdx
+++ b/modules/react/pagination/stories/pagination.stories.mdx
@@ -23,8 +23,10 @@ import {
 # Canvas Kit Pagination
 
 `Pagination` is a
-[compound component](/getting-started/for-developers/resources/compound-components/) for handling
-navigation between pages in a range.
+[compound component](/getting-started/for-developers/resources/compound-components/) that allows
+users to navigate between pages in a range.
+
+[> Workday Design Reference](https://design.workday.com/components/navigation/pagination)
 
 ## Installation
 
@@ -81,7 +83,7 @@ the range.
 
 ### Right-to-Left (RTL)
 
-This example shows how the component supports right-to-left languages.
+`Pagination` supports right-to-left languages when specified in the `CanvasProvider` `theme`.
 
 <ExampleCodeBlock code={RTL} />
 
diff --git a/modules/react/popup/stories/Popup.stories.mdx b/modules/react/popup/stories/Popup.stories.mdx
index 30e4ce0695..c0ef71efc7 100644
--- a/modules/react/popup/stories/Popup.stories.mdx
+++ b/modules/react/popup/stories/Popup.stories.mdx
@@ -55,7 +55,7 @@ The `Popup` component is a generic
 [Compound Component](/getting-started/for-developers/resources/compound-components/) that is used to
 build popup UIs that are not already covered by Canvas Kit.
 
-### Basic
+### Basic Example
 
 The Popup has no pre-defined behaviors built in, therefore the `usePopupModel` must always be used
 to create a new `model`. This `model` is then used by all behavior hooks to apply additional popup
@@ -66,7 +66,7 @@ popup behaviors. For accessibility, these behaviors should be included most of t
 
 <ExampleCodeBlock code={Basic} />
 
-### Initial focus
+### Initial Focus
 
 If you want focus to move to a specific element when the popup is opened, set the `initialFocusRef`
 of the model. Check with accessibility before doing this. The following example sets the focus on
@@ -156,7 +156,7 @@ The Popup component automatically handles right-to-left rendering.
 
 ## Components
 
-## Popper
+### Popper
 
 A thin wrapper component around the Popper.js positioning engine. For reference:
 https://popper.js.org/. `Popper` also automatically works with the `PopupStack` system. `Popper` has
@@ -172,7 +172,7 @@ PopupModel or any associate popup [hooks](#hooks).
 > element was rendered and that's where extra props were spread to. In v5+, you can provide your own
 > element if you wish.
 
-## Popup
+### Popup
 
 This component is a container component that has no semantic element. It provides a React Context
 model for all Popup subcomponents. If you manually pass a `model` to all subcomponents, this
@@ -192,7 +192,7 @@ container component isn't needed.
 
 <ArgsTable of={Popup} />
 
-## Popup.Target
+### Popup.Target
 
 A `Popup.Target` is any element that is meant to show the Popup. The default component rendered by
 this component is a `SecondaryButton` element. You can override this by passing the desired
@@ -220,7 +220,7 @@ used, which is `SecondaryButton`. If you don't want any styling, you can do the
 To add your own styling, you could either add a `css` prop, or make a styled button and pass that
 styled component via the `as` prop.
 
-## Popup.Popper
+### Popup.Popper
 
 A `Popup.Popper` is a [Popper](#popper) component that is hooked up to the `PopupModel`
 automatically. The behavior hook used is called `usePopupPopper`.
@@ -232,7 +232,7 @@ automatically. The behavior hook used is called `usePopupPopper`.
 
 <ArgsTable of={Popup.Popper} />
 
-## Popup.Card
+### Popup.Card
 
 A `Popup.Card` is a wrapper around the `Card` component, but hooked up to a `PopupModel`. By
 default, this element has a `role=dialog` and an `aria-labelledby`. The behavior hook used is called
@@ -240,7 +240,7 @@ default, this element has a `role=dialog` and an `aria-labelledby`. The behavior
 
 <ArgsTable of={Popup.Card} />
 
-## Popup.CloseButton
+### Popup.CloseButton
 
 A `Popup.CloseButton` is a button that will hide a popup. By default, this is a `SecondaryButton`
 component, but `as` can be used to render any button element (i.e `<DeleteButton>` or
@@ -248,14 +248,14 @@ component, but `as` can be used to render any button element (i.e `<DeleteButton
 
 <ArgsTable of={Popup.CloseButton} />
 
-## Popup.CloseIcon
+### Popup.CloseIcon
 
 A `Popup.CloseIcon` is an icon button that is the `X` in the top of a popup. It will hide a popup
 when clicked. The behavior hook used is called `usePopupCloseButton`.
 
 <ArgsTable of={Popup.CloseIcon} />
 
-## Popup.Heading
+### Popup.Heading
 
 A `Popup.Heading` is a wrapper around `Card.Heading` that connect the heading to a `PopupModel`. It
 will add an `id` to the element that match the `aria-labelledby` that is applied to the `Popup.Card`
@@ -263,29 +263,29 @@ element for accessibility. The behavior hook used is called `usePopupHeading`.
 
 <ArgsTable of={Popup.Heading} />
 
-## Popup.Body
+### Popup.Body
 
 A `Popup.Body` is a thin wrapper around `Card.Body` and doesn't actually take a model. It adds
 `body` styling and nothing else.
 
 <ArgsTable of={Popup.Body} />
 
-## Popup Model
+## Model
 
 The PopupModel contains all state and events needed for Popup behaviors and components. It composes
 a `DisclosureModel` for showing and hiding content.
 
-### Popup Model State
+### Config
 
-<ArgsTable of={PopupStateComponent} />
+<ArgsTable of={PopupModelConfigComponent} />
 
-### Popup Model Events
+### State
 
-<ArgsTable of={PopupEventsComponent} />
+<ArgsTable of={PopupStateComponent} />
 
-### Popup Model Config
+### Events
 
-<ArgsTable of={PopupModelConfigComponent} />
+<ArgsTable of={PopupEventsComponent} />
 
 ## Hooks
 
@@ -328,7 +328,7 @@ return (
 );
 ```
 
-## useAssistiveHideSiblings
+### useAssistiveHideSiblings
 
 ```ts
 useAssistiveHideSiblings(model: PopupModel): {}
@@ -344,7 +344,7 @@ VoiceOver for example.
 
 This should be used on popup elements that need to hide content (i.e. Modals).
 
-## useBringToTopOnClick
+### useBringToTopOnClick
 
 ```ts
 useBringToTopOnClick(model: PopupModel): {}
@@ -358,7 +358,7 @@ like a Modal.
 
 This should be used on popup elements that are meant to persist (i.e. Windows).
 
-## useCloseOnEscape
+### useCloseOnEscape
 
 ```ts
 useCloseOnEscape(model: PopupModel): {}
@@ -370,7 +370,7 @@ provided model's `state.stackRef` element is the topmost in the stack.
 This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
 dialogs, dropdown menus, etc.
 
-## useCloseOnOutsideClick
+### useCloseOnOutsideClick
 
 ```ts
 useCloseOnOutsideClick(model: PopupModel): {}
@@ -385,7 +385,7 @@ This should be used with popup elements that are dismissible like Modals, non-mo
 dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
 instead.
 
-## useAlwaysCloseOnOutsideClick
+### useAlwaysCloseOnOutsideClick
 
 ```ts
 useAlwaysCloseOnOutsideClick(model: PopupModel): {}
@@ -399,7 +399,7 @@ stack. This is useful for Tooltips or hierarchical menus. Adds a
 This should be used with popup elements that should close no matter their position in the stack
 (i.e. Tooltips).
 
-## useDisableBodyScroll
+### useDisableBodyScroll
 
 ```ts
 useDisableBodyScroll(model: PopupModel): {}
@@ -411,7 +411,7 @@ page scrolling while the popup is visible.
 This should be used with popup elements that hide all other content and force the user to accept or
 dismiss the popup before continuing (i.e. Modals).
 
-## useFocusRedirect
+### useFocusRedirect
 
 ```ts
 useFocusRedirect(model: PopupModel): {}
@@ -429,7 +429,7 @@ hook does no provide `aria-owns` and this must be provided yourself. Requires
 
 This should be used with non-modal dialogs.
 
-## useFocusTrap
+### useFocusTrap
 
 ```ts
 useFocusTrap(model: PopupModel): {}
@@ -443,7 +443,7 @@ with [useInitialFocus](#useinitialfocus) and [useReturnFocus](#usereturnfocus).
 
 This should be used on popup elements that need to hide content (i.e. Modals).
 
-## useInitialFocus
+### useInitialFocus
 
 Moves focus within the popup when the popup becomes visible. This is useful for keyboard and screen
 reader users alike. This should be used with [useFocusRedirect](#usefocusredirect) or
@@ -452,7 +452,7 @@ reader users alike. This should be used with [useFocusRedirect](#usefocusredirec
 This should be used for popups that have focusable elements inside, like Modals, non-modal dialogs,
 menus, etc.
 
-## useReturnFocus
+### useReturnFocus
 
 Returns focus to the target element when the popup is hidden. This works well with
 [useInitialFocus](#useinitialfocus). This should be used with [useFocusRedirect](#usefocusredirect)
@@ -460,7 +460,7 @@ or [useFocusTrap](#usefocustrap) for a complete focus management solution.
 
 This should ble used on popup elements that use [useInitialFocus](#useinitialfocus).
 
-## usePopupPopper
+### usePopupPopper
 
 ```ts
 usePopupPopper(model: PopupModel, elemProps: {}, ref: React.Ref<any>): {}
@@ -469,7 +469,7 @@ usePopupPopper(model: PopupModel, elemProps: {}, ref: React.Ref<any>): {}
 Adds the necessary props to a `Popper` component. Used by the [Popup.Popper](#popuppopper)
 subcomponent.
 
-## usePopupCard
+### usePopupCard
 
 ```ts
 usePopupCard(model: PopupModel, elemProps: {}, ref: React.Ref<any>): {}
@@ -477,7 +477,7 @@ usePopupCard(model: PopupModel, elemProps: {}, ref: React.Ref<any>): {}
 
 Adds the necessary props to a `Card` component. Used by the [Popup.Card](#popupcard) subcomponent.
 
-## usePopupCloseButton
+### usePopupCloseButton
 
 ```ts
 usePopupCloseButton(model: PopupModel, elemProps: {}, ref: React.Ref<any>): {}
@@ -487,18 +487,16 @@ Adds the necessary props to a close button component. Used by the
 [Popup.CloseButton](#popupclosebutton) subcomponent and [Popup.CloseIcon](#popupcloseicon)
 subcomponent.
 
-````
-
-## usePopupHeading
+### usePopupHeading
 
 ```ts
 usePopupHeading(model: PopupModel, elemProps: {}, ref: React.Ref<any>): {}
-````
+```
 
 Adds the necessary props to a `Heading` component. Used by the [Popup.Heading](#popupheading)
 subcomponent.
 
-## usePopupTarget
+### usePopupTarget
 
 ```ts
 usePopupTarget(model: PopupModel, elemProps: {}, ref: React.Ref<any>): {}
diff --git a/modules/react/radio/stories/examples/Alert.tsx b/modules/react/radio/stories/examples/Alert.tsx
index 6e017eb16c..b59a50289e 100644
--- a/modules/react/radio/stories/examples/Alert.tsx
+++ b/modules/react/radio/stories/examples/Alert.tsx
@@ -14,13 +14,13 @@ export const Alert = () => {
       error={FormField.ErrorType.Alert}
       hintId="hint-alert"
       hintText="Deep Dish is no longer available. Please select a different crust."
-      label="Choose your pizza crust"
+      label="Choose Your Pizza Crust"
       useFieldset={true}
     >
       <RadioGroup name="crust" onChange={handleChange} value={value}>
-        <Radio disabled={true} label="Deep Dish (Sold Out)" value="deep-dish" />
+        <Radio disabled={true} label="Deep dish (sold out)" value="deep-dish" />
         <Radio label="Thin" value="thin" />
-        <Radio label="Gluten Free" value="gluten-free" />
+        <Radio label="Gluten free" value="gluten-free" />
         <Radio label="Cauliflower" value="cauliflower" />
       </RadioGroup>
     </FormField>
diff --git a/modules/react/radio/stories/examples/Basic.tsx b/modules/react/radio/stories/examples/Basic.tsx
index acbc64f41f..f55542f5a3 100644
--- a/modules/react/radio/stories/examples/Basic.tsx
+++ b/modules/react/radio/stories/examples/Basic.tsx
@@ -10,11 +10,11 @@ export const Basic = () => {
   };
 
   return (
-    <FormField label="Choose your pizza crust" useFieldset={true}>
+    <FormField label="Choose Your Pizza Crust" useFieldset={true}>
       <RadioGroup name="crust" onChange={handleChange} value={value}>
-        <Radio label="Deep Dish" value="deep-dish" />
+        <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
-        <Radio label="Gluten Free" value="gluten-free" />
+        <Radio label="Gluten free" value="gluten-free" />
         <Radio label="Cauliflower" value="cauliflower" />
       </RadioGroup>
     </FormField>
diff --git a/modules/react/radio/stories/examples/Disabled.tsx b/modules/react/radio/stories/examples/Disabled.tsx
index 463137ba99..1a9b32d37f 100644
--- a/modules/react/radio/stories/examples/Disabled.tsx
+++ b/modules/react/radio/stories/examples/Disabled.tsx
@@ -10,11 +10,11 @@ export const Disabled = () => {
   };
 
   return (
-    <FormField label="Choose your pizza crust" useFieldset={true}>
+    <FormField label="Choose Your Pizza Crust" useFieldset={true}>
       <RadioGroup name="crust" onChange={handleChange} value={value}>
-        <Radio label="Deep Dish" value="deep-dish" />
+        <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
-        <Radio disabled={true} label="Gluten Free (Sold Out)" value="gluten-free" />
+        <Radio disabled={true} label="Gluten free (sold out)" value="gluten-free" />
         <Radio label="Cauliflower" value="cauliflower" />
       </RadioGroup>
     </FormField>
diff --git a/modules/react/radio/stories/examples/Error.tsx b/modules/react/radio/stories/examples/Error.tsx
index 37b51dd837..8754b772a5 100644
--- a/modules/react/radio/stories/examples/Error.tsx
+++ b/modules/react/radio/stories/examples/Error.tsx
@@ -14,13 +14,13 @@ export const Error = () => {
       error={FormField.ErrorType.Error}
       hintId="hint-error"
       hintText="Deep Dish is no longer available. Please select a different crust."
-      label="Choose your pizza crust"
+      label="Choose Your Pizza Crust"
       useFieldset={true}
     >
       <RadioGroup name="crust" onChange={handleChange} value={value}>
-        <Radio disabled={true} label="Deep Dish (Sold Out)" value="deep-dish" />
+        <Radio disabled={true} label="Deep dish (sold out)" value="deep-dish" />
         <Radio label="Thin" value="thin" />
-        <Radio label="Gluten Free" value="gluten-free" />
+        <Radio label="Gluten free" value="gluten-free" />
         <Radio label="Cauliflower" value="cauliflower" />
       </RadioGroup>
     </FormField>
diff --git a/modules/react/radio/stories/examples/LabelPosition.tsx b/modules/react/radio/stories/examples/LabelPosition.tsx
index dddebdf971..76ef0fa231 100644
--- a/modules/react/radio/stories/examples/LabelPosition.tsx
+++ b/modules/react/radio/stories/examples/LabelPosition.tsx
@@ -11,14 +11,14 @@ export const LabelPosition = () => {
 
   return (
     <FormField
-      label="Choose your pizza crust"
+      label="Choose Your Pizza Crust"
       labelPosition={FormField.LabelPosition.Left}
       useFieldset={true}
     >
       <RadioGroup name="crust" onChange={handleChange} value={value}>
-        <Radio label="Deep Dish" value="deep-dish" />
+        <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
-        <Radio label="Gluten Free" value="gluten-free" />
+        <Radio label="Gluten free" value="gluten-free" />
         <Radio label="Cauliflower" value="cauliflower" />
       </RadioGroup>
     </FormField>
diff --git a/modules/react/radio/stories/examples/NoValue.tsx b/modules/react/radio/stories/examples/NoValue.tsx
index 86d095c939..5ff5839ddb 100644
--- a/modules/react/radio/stories/examples/NoValue.tsx
+++ b/modules/react/radio/stories/examples/NoValue.tsx
@@ -12,11 +12,11 @@ export const NoValue = () => {
 
   return (
     <>
-      <FormField label="Choose your pizza crust" useFieldset={true}>
+      <FormField label="Choose Your Pizza Crust" useFieldset={true}>
         <RadioGroup name="crust" onChange={handleChange} value={value}>
-          <Radio label="Deep Dish" />
+          <Radio label="Deep dish" />
           <Radio label="Thin" />
-          <Radio label="Gluten Free" />
+          <Radio label="Gluten free" />
           <Radio label="Cauliflower" />
         </RadioGroup>
       </FormField>
diff --git a/modules/react/radio/stories/examples/RefForwarding.tsx b/modules/react/radio/stories/examples/RefForwarding.tsx
index 04dbacc8da..8829e54384 100644
--- a/modules/react/radio/stories/examples/RefForwarding.tsx
+++ b/modules/react/radio/stories/examples/RefForwarding.tsx
@@ -17,11 +17,11 @@ export const RefForwarding = () => {
 
   return (
     <>
-      <FormField label="Choose your pizza crust" useFieldset={true}>
+      <FormField label="Choose Your Pizza Crust" useFieldset={true}>
         <RadioGroup name="crust" onChange={handleChange} value={value}>
-          <Radio label="Deep Dish" value="deep-dish" />
+          <Radio label="Deep dish" value="deep-dish" />
           <Radio label="Thin" value="thin" />
-          <Radio label="Gluten Free" ref={glutenFreeRef} value="gluten-free" />
+          <Radio label="Gluten free" ref={glutenFreeRef} value="gluten-free" />
           <Radio label="Cauliflower" value="cauliflower" />
         </RadioGroup>
       </FormField>
diff --git a/modules/react/radio/stories/examples/Required.tsx b/modules/react/radio/stories/examples/Required.tsx
index 35c4c58198..0bb9e3d0ee 100644
--- a/modules/react/radio/stories/examples/Required.tsx
+++ b/modules/react/radio/stories/examples/Required.tsx
@@ -10,11 +10,11 @@ export const Required = () => {
   };
 
   return (
-    <FormField label="Choose your pizza crust" required={true} useFieldset={true}>
+    <FormField label="Choose Your Pizza Crust" required={true} useFieldset={true}>
       <RadioGroup name="crust" onChange={handleChange} value={value}>
-        <Radio label="Deep Dish" value="deep-dish" />
+        <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
-        <Radio label="Gluten Free" value="gluten-free" />
+        <Radio label="Gluten free" value="gluten-free" />
         <Radio label="Cauliflower" value="cauliflower" />
       </RadioGroup>
     </FormField>
diff --git a/modules/react/segmented-control/stories/SegmentedControl.stories.mdx b/modules/react/segmented-control/stories/SegmentedControl.stories.mdx
index 53b1b65e86..46fb013688 100644
--- a/modules/react/segmented-control/stories/SegmentedControl.stories.mdx
+++ b/modules/react/segmented-control/stories/SegmentedControl.stories.mdx
@@ -30,6 +30,6 @@ indexes and omit the `value` field. It is strongly recommended to not mix these
 
 ## Props
 
-Undocumented props are spread to the underlying container `div` element.
+Undocumented props are spread to the underlying container `<div>` element.
 
 <ArgsTable of={SegmentedControl} />
diff --git a/modules/react/tabs/stories/Tabs.stories.mdx b/modules/react/tabs/stories/Tabs.stories.mdx
index 3103653958..eea0eeba5b 100644
--- a/modules/react/tabs/stories/Tabs.stories.mdx
+++ b/modules/react/tabs/stories/Tabs.stories.mdx
@@ -20,8 +20,8 @@ import {
 # Canvas Kit Tabs
 
 `Tabs` is a [compound component](/getting-started/for-developers/resources/compound-components/)
-which can be composed in a variety of different ways. It follows the
-[W3 Tabs specification](https://www.w3.org/TR/wai-aria-practices/#tabpanel).
+that allows users to navigate between related views of content while remaining in context of the
+page.
 
 [> Workday Design Reference](https://design.workday.com/components/navigation/tabs)
 
@@ -35,8 +35,11 @@ yarn add @workday/canvas-kit-react
 
 ### Basic Example
 
-`Tabs` includes a container `Tabs` component and the following subcomponents: `Tabs.List`,
-`Tabs.Item` and `Tabs.Panel`.
+`Tabs` includes a container `Tabs` component and the following subcomponents which can be composed
+in a variety of ways: `Tabs.List`, `Tabs.Item` and `Tabs.Panel`. It follows the
+[W3 Tabs specification](https://www.w3.org/TR/wai-aria-practices/#tabpanel).
+
+In this example, we set up a basic `Tabs` component with five tabs.
 
 <ExampleCodeBlock code={Basic} />
 
@@ -44,8 +47,9 @@ yarn add @workday/canvas-kit-react
 
 By default, `Tabs` will create and use its own [model](#model) internally. Alternatively, you may
 configure your own model with `useTabsModel` and pass it to `Tabs` via the `model` prop. This
-pattern is referred to as hoisting the model and provides direct access to its `state` and `events`
-outside of the `Tabs` component.
+pattern is referred to as
+[hoisting the model](/getting-started/for-developers/resources/compound-components/#configuring-a-model)
+and provides direct access to its `state` and `events` outside of the `Tabs` component.
 
 In this example, we set up external observation of the model state and create an external button to
 trigger an event to change the active tab.
@@ -60,9 +64,9 @@ trigger an event to change the active tab.
 
 <ExampleCodeBlock code={NamedKeys} />
 
-### Right-to-Left
+### Right-to-Left (RTL)
 
-`Tabs` supports right-to-left through the theme of the `CanvasProvider`.
+`Tabs` supports right-to-left languages when specified in the `CanvasProvider` `theme`.
 
 <ExampleCodeBlock code={RightToLeft} />
 
@@ -94,9 +98,9 @@ from the `contents` object.
 ### Dynamic Tabs
 
 The `Tabs.Item` component takes in an optional `index` property if you want to specify the position
-of a tab. If not defined, by default it will append tabs to the end. For example, if your tabs are
-stored as an array in the state that can be added to along with a fixed tab that should remain at
-the end.
+of a tab. If not defined, by default it will append tabs to the end. In this example, our tabs are
+stored as an array in the state, and we have a fixed tab at the end that can add new tabs to that
+array.
 
 <ExampleCodeBlock code={DynamicTabs} />
 
@@ -107,22 +111,24 @@ the end.
 #### Usage
 
 `Tabs` is a container component that is responsible for creating a `TabsModel` and sharing it with
-its children using React context. It does not represent a real element.
+its subcomponents using React context. It does not represent a real element.
 
 ```tsx
-// Configuration
-<Tabs onActivate={({data}) => console.log('Activated tab', data.tab)}>{/* Subcomponents */}</Tabs>;
+<Tabs onActivate={({data}) => console.log('Activated tab', data.tab)}>
+  {/* Child components */}
+</Tabs>
+```
 
-// OR
+Alternatively, you may pass in a model using the hoisted model pattern.
 
-// Hoisted model
+```tsx
 const model = useTabsModel({
   onActivate({data}) {
     console.log('Activated Tab', data.tab);
   },
 });
 
-<Tabs model={model}>{/* Subcomponents */}</Tabs>;
+<Tabs model={model}>{/* Child components */}</Tabs>;
 ```
 
 #### Props
@@ -136,8 +142,7 @@ Note that if you pass in a `model` configured with `useTabsModel`, configuration
 
 #### Usage
 
-`Tabs.List` is a `div` element with a `role=tablist`. It is a container for `Tabs.Item`
-subcomponents.
+`Tabs.List` is a `<div role="tablist">` element. It is a container for `Tabs.Item` subcomponents.
 
 ```tsx
 <Tabs.List>{/* Tabs.Items */}</Tabs.List>
@@ -145,7 +150,7 @@ subcomponents.
 
 #### Props
 
-Undocumented props are spread to the underlying `div` element.
+Undocumented props are spread to the underlying `<div>` element.
 
 <ArgsTable of={Tabs.List} />
 
@@ -153,9 +158,9 @@ Undocumented props are spread to the underlying `div` element.
 
 #### Usage
 
-`Tabs.Item` is a `button` element with a `role=tab`. Each `Tabs.Item` is associated with a
-`Tabs.Panel` either by a `name` attribute or by the position in the list. If a `name` is provided,
-it must match the name passed to the corresponding `Tabs.Panel` component.
+`Tabs.Item` is a `<button role="tab">` element. Each `Tabs.Item` is associated with a `Tabs.Panel`
+either by a `name` attribute or by the position in the list. If a `name` is provided, it must match
+the name passed to the corresponding `Tabs.Panel` component.
 
 ```tsx
 <Tabs.Item name="first">First Tab</Tabs.Item>
@@ -171,10 +176,9 @@ Undocumented props are spread to the underlying `button` element.
 
 #### Usage
 
-`Tabs.Panel` is a `div` element with a `role=tabpanel`. It is focusable by default. Each
-`Tabs.Panel` is controlled by a `Tabs.Item` either by a `name` attribute or by the position in the
-list. If a `name` is provided, it must match the name passed to the corresponding `Tabs.Item`
-component.
+`Tabs.Panel` is a `<div role="tabpanel">` element. It is focusable by default. Each `Tabs.Panel` is
+controlled by a `Tabs.Item` either by a `name` attribute or by the position in the list. If a `name`
+is provided, it must match the name passed to the corresponding `Tabs.Item` component.
 
 ```tsx
 <Tabs.Panel name="first">{/* Contents of the tab panel */}</Tabs.Panel>
@@ -182,7 +186,7 @@ component.
 
 #### Props
 
-Undocumented props are spread to the underlying `div` element.
+Undocumented props are spread to the underlying `<div>` element.
 
 <ArgsTable of={Tabs.Panel} />
 
@@ -193,9 +197,10 @@ If `Tabs` was stripped of all its markup, attributes, and styling, what would re
 object composed of two parts: `state` which describes the current snapshot in time of the component
 and `events` which describes events that can be sent to the model.
 
-By default, `Tabs` will create and use its own model internally. Alternatively, if you need direct
-access to the model's `state` and `events`, you may configure your own model with `useTabsModel` and
-pass it to `Tabs` via a pattern called
+By default, `Tabs` will create a model and share it internally with its subcomponents using React
+context. Alternatively, if you need direct access to the model's `state` and `events` outside of the
+`Tabs` component, you may configure your own model with `useTabsModel` and pass it to `Tabs` via a
+pattern called
 [hoisting the model](/getting-started/for-developers/resources/compound-components/#configuring-a-model).
 
 ```tsx
@@ -205,7 +210,7 @@ const model = useTabsModel({
   },
 });
 
-<Tabs model={model}>{/* Subcomponents */}</Tabs>;
+<Tabs model={model}>{/* Child components */}</Tabs>;
 ```
 
 ### Config
diff --git a/modules/react/tabs/stories/examples/HoistedModel.tsx b/modules/react/tabs/stories/examples/HoistedModel.tsx
index 4555d227a4..908b09398c 100644
--- a/modules/react/tabs/stories/examples/HoistedModel.tsx
+++ b/modules/react/tabs/stories/examples/HoistedModel.tsx
@@ -30,7 +30,7 @@ export const HoistedModel = () => {
           model.events.activate({tab: 'third'});
         }}
       >
-        Activate third tab
+        Activate Third Tab
       </SecondaryButton>
     </>
   );
diff --git a/modules/react/toast/stories/toast.stories.mdx b/modules/react/toast/stories/toast.stories.mdx
index 439f4b05a5..ef0f6cf3f1 100644
--- a/modules/react/toast/stories/toast.stories.mdx
+++ b/modules/react/toast/stories/toast.stories.mdx
@@ -32,52 +32,36 @@ Below are examples we expect will work for most use cases. Note that all example
 they are an important signifier to communicate meaning. For this reason, Toast notifications should
 always include an icon.
 
----
-
 #### Complete Example with Popper
 
 We use Popper to position Toast. Here's an example of how to use them together.
 
 <ExampleCodeBlock code={WithPopper} />
 
----
-
 #### Success
 
 <ExampleCodeBlock code={Success} />
 
----
-
 #### Error
 
 <ExampleCodeBlock code={Error} />
 
----
-
 #### WithCloseButton
 
 <ExampleCodeBlock code={WithCloseButton} />
 
----
-
 #### With an Action Link
 
 <ExampleCodeBlock code={WithActionLink} />
 
----
-
 #### With an Action Link and CloseIcon
 
 <ExampleCodeBlock code={WithActionLinkAndCloseIcon} />
 
----
-
 #### With RTL
 
 <ExampleCodeBlock code={RTL} />
 
----
-
-## Component Props
+## Props
 
 <ArgsTable of={Toast} />
diff --git a/modules/react/tooltip/stories/Tooltip.stories.mdx b/modules/react/tooltip/stories/Tooltip.stories.mdx
index 18be4ed393..cbc60a51c9 100644
--- a/modules/react/tooltip/stories/Tooltip.stories.mdx
+++ b/modules/react/tooltip/stories/Tooltip.stories.mdx
@@ -171,7 +171,7 @@ example uses those parts directly while being functionally equivalent to the ori
 
 <ExampleCodeBlock code={UseTooltip} />
 
-## Properties
+## Props
 
 <ArgsTable of={Tooltip} />