diff --git a/docs/assets/plugins/metadata/metadata.js b/docs/assets/plugins/metadata/metadata.js
index c693281c6..368ffaa89 100644
--- a/docs/assets/plugins/metadata/metadata.js
+++ b/docs/assets/plugins/metadata/metadata.js
@@ -481,7 +481,7 @@
             <sl-tab-panel name="react">\n
             To import this component using [\`@shoelace-style/react\`](https://www.npmjs.com/package/@shoelace-style/react):
             \`\`\`js
-            import '@shoelace-style/react/dist/${component.tagName.replace(/^sl-/, '')}';
+            import { ${component.name} } from '@shoelace-style/react';
             \`\`\`
             </sl-tab-panel>
             </sl-tab-group>