docs(prefix): cross link usePrefix and ClassPrefix (#12090)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Sep 13, 2022 · 3719443 · 3719443
1 parent e2ec828
commit 3719443
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/react/src/components/ClassPrefix/ClassPrefix.mdx b/packages/react/src/components/ClassPrefix/ClassPrefix.mdx
@@ -7,6 +7,7 @@ import { ClassPrefix } from '../ClassPrefix';
 
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+
 ## Table of Contents
 
 - [Overview](#overview)
@@ -44,8 +45,8 @@ Similarly, you can configure `scss/config` directly:
 );
 ```
 
-In React, you use `ClassPrefix` at the top-level of your project and
-specify the prefix with the `prefix` prop:
+In React, you use `ClassPrefix` at the top-level of your project and specify the
+prefix with the `prefix` prop:
 
 ```jsx
 import { ClassPrefix } from '@carbon/react';
@@ -59,6 +60,9 @@ export default function MyApp() {
 }
 ```
 
+To _get_ the prefix, use
+[usePrefix](https://react.carbondesignsystem.com/?path=/docs/hooks-useprefix--page)
+
 ## Component API
 
 <Props />
@@ -68,4 +72,3 @@ export default function MyApp() {
 Help us improve this component by providing feedback, asking questions on Slack,
 or updating this file on
 [GitHub](https://github.com/carbon-design-system/carbon/edit/main/packages/react/src/components/ClassPrefix/ClassPrefix.mdx).
-
diff --git a/packages/react/src/internal/usePrefix.stories.mdx b/packages/react/src/internal/usePrefix.stories.mdx
@@ -32,3 +32,6 @@ function ExampleComponent() {
   const className = cx(`${prefix}--custom-component`);
 }
 ```
+
+To _set_ the prefix, use
+[ClassPrefix](https://react.carbondesignsystem.com/?path=/docs/components-classprefix--default)