Using Radix UI

Overview

Fumapress uses the Base UI headless component library by default, same as Fumadocs. If you are using Radix UI, Fumapress also supports the Radix UI build of Fumadocs UI.

You can enable it by installing fumadocs-ui without the @fumadocs/base-ui alias:

npm i fumadocs-ui
npm uninstall @base-ui/react

Optionally, update your Vite config:

waku.config.ts

import { defineConfig } from "waku/config";
import tailwindcss from "@tailwindcss/vite";
import press from "fumapress/vite";
import mdx from "fumadocs-mdx/vite";

export default defineConfig({
  vite: {
    resolve: {
      // optional, but often solves some weird problems in monorepo
      dedupe: ["fumadocs-ui"],
    },
    plugins: [press(), mdx(), tailwindcss()],
  },
});

Using Radix UI

Overview

On this page