组件让你可以轻松地重用 UI 或样式。 例如，链接卡片或 YouTube 嵌入。 Starlight 支持在 MDX 文件中使用组件

使用组件

通过在 MDX 文件中导入组件, 以大写字母开头，与你的 import 语句中的名称匹配：

src/content/docs/example.mdx

---
title: 欢迎来到我的文档
---

import SomeComponent from '~/components/SomeComponent.astro';
import AnotherComponent from '~/components/AnotherComponent.astro';

<SomeComponent prop="something" />

<AnotherComponent>组件也可以包含**嵌套内容**。</AnotherComponent>

可以在 MDX 文件中添加对任何 支持的 UI 框架（React、Preact、Svelte、Vue、Solid、Lit 和 Alpine） 构建的组件的支持

---