Tabs, Cards & more

Tabs

Great for showing the same idea across multiple tools or languages.

bun add @konvoai/sdk

pnpm add @konvoai/sdk

npm install @konvoai/sdk

Cards

Use <Cards> for navigation — a link grid at the top of a section, or a "what's next" block at the bottom of a guide.

Accordions

Hide secondary detail behind a click. Don't bury anything the reader actually needs.

Files

Visualize a folder structure inline.

Code blocks

Code fences support filenames, line highlighting, and per-line diffs. Use them.

import { createFromSource } from "fumadocs-core/search/server";
import { source } from "#src/lib/source.ts";

const server = createFromSource(source, {
	language: "english",
});

export async function loader() {
	return server.staticGET();
}