Customization

import { Callout as CalloutBase } from "fromsrc/client";

export function Callout(props) {
  return <CalloutBase className="my-custom-class" {...props} />;
}

const components = {
  h1: (props) => <h1 className="custom-h1" {...props} />,
  a: (props) => <a className="custom-link" {...props} />,
};

<Content source={content} components={components} />

const navigation = [
  {
    title: "guides",
    items: [
      { type: "item", title: "intro", href: "/docs" },
      {
        type: "folder",
        title: "advanced",
        items: [{ type: "item", title: "plugins", href: "/docs/plugins" }],
      },
    ],
  },
];

export function CustomSearch({ docs }) {
  return <Search docs={docs} basePath="/documentation" />;
}