Card
Use the Card component in your MDX documentation
Usage
Add it to your MDX components.
import { Card, Cards } from 'fumadocs-ui/components/card';
<MDX
components={{
Card,
Cards,
}}
/>;
ImagineClip ドキュメントCookie を使用しています
必須 Cookie はアプリの動作に必要です。任意の分析、サポート、マーケティング Cookie は、サイトとサービスの改善に役立ちます。 Cookie ポリシー.
Use the Card component in your MDX documentation
Add it to your MDX components.
import { Card, Cards } from 'fumadocs-ui/components/card';
<MDX
components={{
Card,
Cards,
}}
/>;See Markdown for usages.
The container of cards.
Based on Next.js <Link />.
Tree Shaking on icons
If you're not using Fumadocs MDX for rendering MDX (e.g. using Contentlayer), ensure that tree shaking is working properly.
Most of the icon libraries support importing icons individually.
import HomeIcon from 'lucide-react/dist/esm/icons/home';As a workaround, you can pass icons to MDX Components too. (this uses Next.js bundler instead of content source)
import { HomeIcon } from 'lucide-react';
const components = {
...defaultComponents,
HomeIcon,
};