docs(notification): update StaticNotification stories

carbon-design-system · Sep 6, 2024 · fc2579c · fc2579c
1 parent 4600fa5
commit fc2579c
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/packages/react/src/components/Notification/stories/StaticNotification.mdx b/packages/react/src/components/Notification/stories/StaticNotification.mdx
@@ -0,0 +1,7 @@
+# StaticNotification has been renamed to Callout
+
+Run the following codemod to automatically update usages in your project:
+
+```
+npx @carbon/upgrade migrate rename-staticnotification-to-callout --write
+```
diff --git a/packages/react/src/components/Notification/stories/StaticNotification.stories.js b/packages/react/src/components/Notification/stories/StaticNotification.stories.js
@@ -6,6 +6,9 @@
  */
 
 import React from 'react';
+import { StaticNotification } from '../../Notification';
+import { Link } from '../../Link';
+import { CodeSnippet } from '../../CodeSnippet';
 import mdx from './StaticNotification.mdx';
 
 export default {
@@ -16,3 +19,19 @@ export default {
     },
   },
 };
+
+export const Default = () => (
+  <>
+    <StaticNotification title="StaticNotification has been renamed to Callout" />
+
+    <div style={{ marginLeft: '.5rem', marginTop: '2rem' }}>
+      <p style={{ marginBottom: '1rem' }}>
+        Run the following codemod to automatically update usages in your
+        project:
+      </p>
+      <CodeSnippet type="single" feedback="Copied to clipboard">
+        npx @carbon/upgrade migrate rename-staticnotification-to-callout --write
+      </CodeSnippet>
+    </div>
+  </>
+);