feat(openStackblitz): about modal and export Modal

cspell.json

@@ -206,6 +206,7 @@
     "uuidv",
     "webfonts",
     "useravatar",
-    "rendericon"
+    "rendericon",
+    "csvg"
   ]
 }

e2e/components/AboutModal/AboutModal-test.avt.e2e.js

@@ -87,9 +87,7 @@ test.describe('AboutModal @avt', () => {
     );
 
     // Reopening modal from trigger button to check if focus trap is working
-    const openButton = page.getByText(
-      'Reopen the About modal with all props set'
-    );
+    const openButton = page.getByText('Open Modal');
     await openButton.click();
     await modalElement.evaluate((element) =>
       Promise.all(

packages/ibm-products/src/components/AboutModal/AboutModal.mdx

@@ -0,0 +1,56 @@
+import { Story, Controls, Source, Canvas } from '@storybook/addon-docs';
+import { CodesandboxLink } from '../../global/js/utils/story-helper';
+import { AboutModal } from '.';
+import * as stories from './AboutModal.stories';
+import { stackblitzPrefillConfig } from '../../../previewer/codePreviewer';
+
+# About Modal
+
+[AboutModal usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/about-modal/usage/) | [Carbon Modal usage guidelines](https://www.carbondesignsystem.com/components/modal/usage) | [Carbon Modal documentation](https://react.carbondesignsystem.com/?path=/docs/components-modal)
+
+## Table of Contents
+
+- [Overview](#overview)
+- [Example usage](#example-usage)
+- [Component API](#component-api)
+
+## Overview
+
+The About modal component conveys product information, including the version number, copyright information, and license details.
+The About modal is triggered by a user’s action which appears on top of the main page content and is persistent until dismissed. 
+The purpose of this modal should be immediately apparent to the user, with a clear and obvious path to completion.
+
+### About Modal
+
+<Canvas
+  of={stories.aboutModal}
+  additionalActions={[
+      {
+        title: 'Open in Stackblitz',
+        onClick: () => stackblitzPrefillConfig({
+          'story': stories.aboutModal,
+          'styles': stories.default.parameters.styles
+      }),
+      },
+    ]}>
+</Canvas>
+
+
+### About Modal With All Props Set
+
+<Canvas
+  of={stories.aboutModalWithAllPropsSet}
+  additionalActions={[
+      {
+        title: 'Open in Stackblitz',
+        onClick: () => stackblitzPrefillConfig({
+          'story': stories.aboutModalWithAllPropsSet,
+          'styles': stories.default.parameters.styles
+      }),
+      },
+    ]}>
+</Canvas>
+
+## Component API
+
+<Controls />