<DocsPage> ComponentWe have a lot of docs sites, all of which render content in exactly the same way. This component is a minimal abstraction of that rendering, and is intended to be used entirely as a template for all documentation content.
| Name | Description |
|---|---|
product*string | The name and slug of the product this page is being rendered for. The slug is used for the Edit this page link.Object contains nested props, see below: |
product.name*string | Human-readable proper case product name. Used for the page <title /> and og:site_name. |
product.slugstring | A lower-case product identifier to pull in respective theme colors. The default is hashicorp blue. |
baseRoute*string | The path this page is rendering under, for example "docs" or "api-docs". Passed directly to the baseRoute prop of @hashicorp/react-docs-sidenav. |
showEditPageboolean | If true, an Edit this page link will appear on the bottom right of each page. |
additionalComponentsobject | Object containing additional components to be made available within mdx pages. Uses the format { [key]: Component }, for example, { TestComponent: () => <p>hello world</p> } |
staticProps*object | Directly pass the return value of server/generateStaticProps in here.Object contains nested props, see below: |
staticProps.githubFileUrlstring | A link to the page's associated .mdx file on GitHub. Used for the Edit this page link. |
staticProps.mdxSource*object | Data returned from running next-mdx-remote/serialize on the page's .mdx file contents. |
staticProps.frontMatter*object | Frontmatter object parsed from the page's .mdx file.Object contains nested props, see below: |
staticProps.frontMatter.canonical_urlstring | Optional canonical URL. Passed directly to @hashicorp/react-head. |
staticProps.frontMatter.description*string | Used for the <meta name="description" />. Passed directly to @hashicorp/react-head. |
staticProps.frontMatter.page_title*string | Used to construct the meta <title /> tag, then passed to @hashicorp/react-head. |
staticProps.currentPathstring | Path to the current page, relative to the baseRoute. Used to highlight the current page. |
staticProps.navData*object | Tree of navigation data to render. See docs-sidenav/types.js for details. |