LogoMkSaaS Docs
LogoMkSaaS Docs
Homepage

Introduction

Quick StartWhat is FumadocsComparisons

Setup

Manual InstallationStatic Export

Writing

MarkdownInternationalization

UI

OverviewThemesSearch
Components
MDX
CalloutCardCode BlockHeading
X (Twitter)

MDX

Default MDX Components

Usage

The default MDX components include Cards, Callouts, Code Blocks and Headings.

import defaultMdxComponents from 'fumadocs-ui/mdx';

Relative Link

To support links with relative file path in href, override the default a component with:

import { createRelativeLink } 











[My Link](./file.mdx)
Server Component only.

Type Table

A table for documenting types

Callout

Add callout to your docs

Table of Contents

Usage
Relative Link
from
'fumadocs-ui/mdx'
;
import { source } from '@/lib/source';
const page = source.getPage(['...']);
return (
<MdxContent
components={{
// override the `a` tag
a: createRelativeLink(source, page),
}}
/>
);