Layouts
Root Provider
The context provider of Fumadocs UI.
The context provider of all the components, including next-themes
and context
for search dialog. It should be located at the root layout.
Usage
import { RootProvider } from 'fumadocs-ui/provider';
export default function Layout({ children }) {
return (
<html lang="en">
<body>
<RootProvider>{children}</RootProvider>
</body>
</html>
);
}
Search Dialog
Customize or disable the search dialog with search
option.
<RootProvider
search={{
enabled: false,
}}
>
{children}
</RootProvider>
Learn more from Search.
Theme Provider
Fumadocs supports light/dark modes with next-themes
.
Customise or disable it with theme
option.
<RootProvider
theme={{
enabled: false,
}}
>
{children}
</RootProvider>
How is this guide?
Last updated on