MDX 常用组件

[Product Environmental Report](https://www.apple.com/environment/pdf/products/iphone/iPhone_16_and_iPhone_16_Plus_PER_Sept2024.pdf)

![iPhone 16](https://www.apple.com.cn/iphone-16/images/overview/product-viewer/iphone/all_colors__flhn5cmb1t26_large_2x.jpg)

<iframe
  width="100%"
  height="400"
  src="https://www.youtube.com/embed/GDlkCkcIqTs"
  title="iPhone 16"
  frameBorder="0"
  allowFullScreen
></iframe>

购买 iPhone 16 和 iPhone 16 Plus - Apple (中国大陆)[^1]

| 规格         | iPhone 16 Pro                                    | iPhone 16                      |
| :----------- | :----------------------------------------------- | :----------------------------- |
| **屏幕尺寸** | 6.9 英寸或 6.3 英寸                              | 6.7 英寸或 6.1 英寸            |
| **材质**     | 钛金属搭配亚光质感玻璃背板                       | 铝金属搭配融色玻璃背板         |
| **芯片**     | A18 Pro 芯片                                     | A18 芯片                       |
| **摄像头**   | 三摄系统                                         | 双摄系统                       |
| **存储**     | 128GB/256GB/512GB/1TB                            | 128GB/256GB/512GB              |
| **电池续航** | 最长 33 小时视频播放                             | 最长 27 小时视频播放           |
| **颜色**     | 原色钛金属、白色钛金属、黑色钛金属、沙漠色钛金属 | 黑色、白色、粉色、青色、超蓝色 |

import { HomeIcon } from 'lucide-react';

<Cards>
  <Card icon={<HomeIcon />} href="/" title="Home">
    You can include icons too.
  </Card>
  <Card
    href="https://fumadocs.dev/docs/ui/markdown"
    title="Markdown | Fumadocs"
  >
    Learn more about Markdown
  </Card>
  <Card title="What is MDX? | MDX" href="https://mdxjs.com/what-is-mdx">
    Learn more about 'MDX'.
  </Card>
  <Card
    title="GitHub Flavored Markdown Spec"
    href="https://github.github.com/gfm/"
  >
    Learn more about 'GitHub Flavored Markdown'.
  </Card>
</Cards>

<Callout>Hello World</Callout>

<Callout title="Title">Hello World</Callout>

<Callout title="Title" type="error">
  Hello World
</Callout>

```ts tab="Tab 1"
console.log('A');
```

```ts tab="Tab 2"
console.log('B');
```

[MIT](https://github.com/fuma-nama/fumadocs/blob/dev/LICENSE) © [fumadocs](https://fumadocs.dev/)