diff --git a/examples/web-components-kitchen-sink/stories/addon-docs.stories.mdx b/examples/web-components-kitchen-sink/stories/addon-docs.stories.mdx
index aa43d5f3c54..bae689aa4a5 100644
--- a/examples/web-components-kitchen-sink/stories/addon-docs.stories.mdx
+++ b/examples/web-components-kitchen-sink/stories/addon-docs.stories.mdx
@@ -1,4 +1,4 @@
-import { Story, Preview, Meta } from '@storybook/addon-docs/blocks';
+import { Story, Preview, Meta, Props } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
 import { html } from 'lit-html';
 import '../demo-wc-card.js';
@@ -17,6 +17,12 @@ A story can be a simple return of `html`
   `}
 </Story>
 
+## API
+
+You can show the api table of a web component at any point in your documentation.
+
+<Props of={'demo-wc-card'} />
+
 ## Function stories
 
 Or a function