close

HomeHero eject-only

Warning

该组件是 eject-only 组件,专门为 wrap/eject 设计,不建议在 MDX 文件中直接使用。

该组件是 首页 的一部分,HomeHero 用于渲染首页的 Hero 区域。

用法

HomeHero 组件会通过 useFrontmatter 读取 frontmatter 中的 hero 配置。关于 hero 的详细配置项,请参考 Frontmatter 配置

自定义插槽

通过 beforeHeroActionsafterHeroActions 属性,可以在操作按钮前后插入自定义内容:

index.mdx
import { HomeHero } from '@rspress/core/theme';

<HomeHero
  beforeHeroActions={<div>按钮前的内容</div>}
  afterHeroActions={<div>按钮后的内容</div>}
/>;

Props

beforeHeroActions

  • 类型: React.ReactNode

在 Hero 按钮前插入的自定义内容。

afterHeroActions

  • 类型: React.ReactNode

在 Hero 按钮后插入的自定义内容。