LogoMkSaaS文档
LogoMkSaaS文档
首页

介绍

快速入门什么是 Fumadocs对比

设置

手动安装静态导出

写作

Markdown国际化

UI

概览主题搜索
组件
MDX
提示框卡片代码块标题
X (Twitter)
MDX

标题

MDX 文档的标题组件

Hello World

Hello World Everyone!

自动添加 id 属性的标题组件。

使用方法

将其添加到您的 MDX 组件中,从 h1 到 h6。

import { Heading } from 'fumadocs-ui/components/heading';

<MDX
  components={{
    h1: (props) => <Heading as="h1" {...props} />,
    h2: (props) => <Heading as="h2" {...props} />,
    h3: (props) => <Heading as="h3" {...props} />,
    h4: (props) => <Heading as="h4" {...props} />,
    h5: (props) => <Heading as="h5" {...props} />,
    h6: (props) => <Heading as="h6" {...props} />,
  }}
/>

代码块

在文档中添加代码块

文档布局

文档的布局

目录

使用方法