diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json
index 564b0ffe99cf29..2e2a27e3210882 100644
--- a/apps/public-docsite-v9/package.json
+++ b/apps/public-docsite-v9/package.json
@@ -25,6 +25,7 @@
   "dependencies": {
     "@fluentui/react-breadcrumb-preview": "*",
     "@fluentui/react-datepicker-compat": "*",
+    "@fluentui/react-message-bar-preview": "*",
     "@fluentui/react-migration-v8-v9": "*",
     "@fluentui/react-migration-v0-v9": "*",
     "@fluentui/react": "*",
diff --git a/change/@fluentui-react-message-bar-preview-8ae48847-7acf-499b-a330-31d94c9ceb66.json b/change/@fluentui-react-message-bar-preview-8ae48847-7acf-499b-a330-31d94c9ceb66.json
new file mode 100644
index 00000000000000..2e2447053d3b06
--- /dev/null
+++ b/change/@fluentui-react-message-bar-preview-8ae48847-7acf-499b-a330-31d94c9ceb66.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: release preview package",
+  "packageName": "@fluentui/react-message-bar-preview",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-message-bar-preview/package.json b/packages/react-components/react-message-bar-preview/package.json
index 1ae1df022bc72d..8045e19ac43928 100644
--- a/packages/react-components/react-message-bar-preview/package.json
+++ b/packages/react-components/react-message-bar-preview/package.json
@@ -1,7 +1,6 @@
 {
   "name": "@fluentui/react-message-bar-preview",
   "version": "0.0.0",
-  "private": true,
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-message-bar-preview/stories/MessageBar/MessageBarDescription.md b/packages/react-components/react-message-bar-preview/stories/MessageBar/MessageBarDescription.md
index 150d4b100d1892..f7b8ba5e11bd65 100644
--- a/packages/react-components/react-message-bar-preview/stories/MessageBar/MessageBarDescription.md
+++ b/packages/react-components/react-message-bar-preview/stories/MessageBar/MessageBarDescription.md
@@ -1,3 +1,16 @@
 Communicates important information about the state of the entire application or surface.
 For example, the status of a page, panel, dialog or card. The information shouldn't require someone
 to take immediate action, but should persist until the user performs one of the required actions.
+
+<!-- Don't allow prettier to collapse code block into single line -->
+<!-- prettier-ignore -->
+> **⚠️ Preview components are considered unstable:**
+>
+> ```jsx
+>
+> import { MessageBar } from '@fluentui/react-message-bar-preview';
+>
+> ```
+>
+> - Features and APIs may change before final release
+> - Please contact us if you intend to use this in your product