自定义 React 组件

1
  export const CustomCard = ({ title, text, link, sparkle = false }) => {
2
      return (
3
          <a href={link} className="block p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-shadow">
4
          <h2 className="text-xl font-semibold mb-2">
5
              {title} {sparkle && "✨"}
6
          </h2>
7
          <p className="text-gray-600">{text}</p>
8
          </a>
9
      );
10
  };

1
// 从 fern 文件夹根目录开始的绝对路径
2
import { CustomCard } from "../../../../components/CustomCard"
3
4
// 或使用相对路径
5
import { CustomCard } from "../components/CustomCard"
6
7
<CustomCard 
8
  title="MyTitle" 
9
  text="Hello" 
10
  href="https://github.com/fern-api/fern/tree/main/generators/python"
11
/>

1
experimental:
2
  mdx-components:
3
    - ./components