diff --git a/aio/tools/transforms/templates/api/decorator.template.html b/aio/tools/transforms/templates/api/decorator.template.html
index 3cb13dcfbc..2460c3c4af 100644
--- a/aio/tools/transforms/templates/api/decorator.template.html
+++ b/aio/tools/transforms/templates/api/decorator.template.html
@@ -3,7 +3,7 @@
 {% extends 'export-base.template.html' %}
 
 {% block details %}
-  {% include "includes/interface-overview.html" %}
+  {% include "includes/decorator-overview.html" %}
   {% include "includes/description.html" %}
   {$ memberHelper.renderMemberDetails(doc.members, 'metadata-members', 'metadata-member', 'Metadata Properties') $}
 {% endblock %}
diff --git a/aio/tools/transforms/templates/api/includes/decorator-overview.html b/aio/tools/transforms/templates/api/includes/decorator-overview.html
new file mode 100644
index 0000000000..66537da102
--- /dev/null
+++ b/aio/tools/transforms/templates/api/includes/decorator-overview.html
@@ -0,0 +1,10 @@
+{% import "lib/memberHelpers.html" as memberHelper -%}
+
+<section class="decorator-overview">
+  <h2>Metadata Overview</h2>
+  <code-example language="ts" hideCopy="true">
+  @{$ doc.name $}{$ doc.typeParams | escape $}({ {% if doc.members.length %}{% for member in doc.members %}{% if not member.internal %}
+    <a class="code-anchor" href="#{$ member.anchor $}">{$ memberHelper.renderMember(member) $}</a>{% endif %}{% endfor %}{% endif %}
+  })
+  </code-example>
+</section>
\ No newline at end of file