Card
Use the Card component in your MDX documentation
ImagineClip 문서쿠키를 사용합니다
필수 쿠키는 앱이 정상적으로 동작하는 데 필요합니다. 선택적 분석, 지원, 마케팅 쿠키는 사이트와 서비스를 개선하는 데 도움이 됩니다. 쿠키 정책.
Use the Card component in your MDX documentation
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,
};