Sidebar

Sidebar is a block responsible for side navigation. It displays all available documentation pages with nesting levels.

import { Sidebar } from "./robindoc";

const DocsLayout: React.FC<React.PropsWithChildren> = ({ children }) => (
  <DocsContainer>
    <Sidebar />
    {children}
  </DocsContainer>
);

export default DocsLayout;

import { Sidebar } from "./robindoc";

const DocsLayout = ({ children }) => (
  <DocsContainer>
    <Sidebar />
    {children}
  </DocsContainer>
);

export default DocsLayout;

Props 

All customization in Robindoc happens through the structure and props of the components.

translations [{ [key: string]: string }] - translations for the current block. The key is the term identifier, and the value is the corresponding translation. For the latest list of terms, check the editor hints.

Usage 

Sidebar is independent component and you can use it once across the entire section.

For more details on Sidebar usage, refer to the section App organization.