卡片 | Formion — 企業組織與營運的結構化引擎

Learn More about Caching and Revalidation

使用方法

將其添加到您的 MDX 組件中。

import { Card, Cards } from 'fumadocs-ui/components/card';

<MDX
  components={{
    Card,
    Cards,
  }}
/>;

有關用法，請參見 Markdown。

卡片的容器。

基於 Next.js 的 <Link />。

圖標的樹搖優化

如果您沒有使用 Fumadocs MDX 來渲染 MDX（例如，使用 Contentlayer），請確保樹搖優化正常工作。

大多數圖標庫支持單獨導入圖標。

import HomeIcon from 'lucide-react/dist/esm/icons/home';

作為解決方法，您也可以將圖標傳遞給 MDX 組件。（這使用 Next.js 打包器而不是內容源）

page.tsx

import { HomeIcon } from 'lucide-react';

const components = {
  ...defaultComponents,
  HomeIcon,
};