diff --git a/docs/src/modules/components/ApiPage.js b/docs/src/modules/components/ApiPage.js
index c4645d61754410..112aab9478ab1d 100644
--- a/docs/src/modules/components/ApiPage.js
+++ b/docs/src/modules/components/ApiPage.js
@@ -167,11 +167,11 @@ ClassesTable.propTypes = {
function getTranslatedHeader(t, header) {
const translations = {
+ demos: t('api-docs.demos'),
import: t('api-docs.import'),
'component-name': t('api-docs.componentName'),
props: t('api-docs.props'),
inheritance: t('api-docs.inheritance'),
- demos: t('api-docs.demos'),
css: 'CSS',
};
@@ -254,12 +254,12 @@ export default function ApiPage(props) {
}
const toc = [
+ createTocEntry('demos'),
createTocEntry('import'),
...componentDescriptionToc,
componentStyles.name && createTocEntry('component-name'),
createTocEntry('props'),
componentStyles.classes.length > 0 && createTocEntry('css'),
- createTocEntry('demos'),
].filter(Boolean);
// The `ref` is forwarded to the root element.
@@ -305,6 +305,16 @@ export default function ApiPage(props) {
{description}
{disableAd ? null :