diff --git a/packages/ui-extensions/docs/surfaces/admin/screenshots/components/tooltip.png b/packages/ui-extensions/docs/surfaces/admin/screenshots/components/tooltip.png
new file mode 100644
index 0000000000..66ff2a90f9
Binary files /dev/null and b/packages/ui-extensions/docs/surfaces/admin/screenshots/components/tooltip.png differ
diff --git a/packages/ui-extensions/src/docs/shared/components/Tooltip.ts b/packages/ui-extensions/src/docs/shared/components/Tooltip.ts
new file mode 100644
index 0000000000..2464bcd0be
--- /dev/null
+++ b/packages/ui-extensions/src/docs/shared/components/Tooltip.ts
@@ -0,0 +1,12 @@
+import {SharedReferenceEntityTemplateSchema} from '../docs-type';
+
+const data: SharedReferenceEntityTemplateSchema = {
+  name: 'Tooltip',
+  description:
+    'Floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover or focus.',
+  category: 'Polaris web components',
+  subCategory: 'Overlays',
+  related: [],
+};
+
+export default data;
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Tooltip/Tooltip.doc.ts b/packages/ui-extensions/src/surfaces/admin/components/Tooltip/Tooltip.doc.ts
new file mode 100644
index 0000000000..d06c29be3c
--- /dev/null
+++ b/packages/ui-extensions/src/surfaces/admin/components/Tooltip/Tooltip.doc.ts
@@ -0,0 +1,23 @@
+import {AdminReferenceEntityTemplateSchema} from '../../docs-types';
+import sharedContent from '../../../../docs/shared/components/Tooltip';
+
+const data: AdminReferenceEntityTemplateSchema = {
+  ...sharedContent,
+  thumbnail: '/assets/templated-apis-screenshots/admin/components/tooltip.png',
+  isVisualComponent: true,
+  definitions: [],
+  defaultExample: {
+    codeblock: {
+      title: 'Code',
+      tabs: [
+        {
+          code: './examples/default.html',
+          language: 'preview',
+          layout: 'inline',
+        },
+      ],
+    },
+  },
+};
+
+export default data;
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Tooltip/examples/default.html b/packages/ui-extensions/src/surfaces/admin/components/Tooltip/examples/default.html
new file mode 100644
index 0000000000..860b84a498
--- /dev/null
+++ b/packages/ui-extensions/src/surfaces/admin/components/Tooltip/examples/default.html
@@ -0,0 +1,2 @@
+  <s-tooltip id="bold-tooltip">Bold</s-tooltip>
+  <s-button interestFor="bold-tooltip" accessibilityLabel="Bold">B</s-button>