close

HomeFeature

Этот компонент является частью главной страницы. HomeFeature отображает сетку features под Hero-секцией на главной странице.

Использование

Изменить или переопределить через кастомную тему.

Вы можете настроить features в блоке метаданных вашего MDX-файла, и компонент автоматически прочитает их через useFrontmatter. Подробные варианты конфигурации смотрите в разделе Конфигурация метаданных.

import { HomeFeature as BasicHomeFeature } from '@rspress/core/theme-original';

export default function HomeFeature() {
  return <BasicHomeFeature />;
}

Пропсы

features

  • Тип: Feature[]
  • По умолчанию: читается из метаданных
interface Feature {
  /**
   * Иконка функции, поддерживает:
   * - эмодзи: '🚀'
   * - строку HTML: '<span class="icon">...</span>'
   * - строку SVG: '<svg>...</svg>'
   * - URL изображения: '/icons/feature.svg' или 'https://example.com/icon.png'
   */
  icon: string;
  /** Заголовок функции */
  title: string;
  /** Описание функции, поддерживает HTML-строку */
  details: string;
  /** Занимаемая ширина в сетке колонок, поддерживает 2, 3, 4, 6, по умолчанию 4 */
  span?: 2 | 3 | 4 | 6;
  /** Ссылка для перехода при клике на карточку */
  link?: string;
}
  • span управляет тем, сколько колонок сетки (из 12) занимает каждая карточка
  • icon поддерживает эмодзи, HTML-строки, SVG-строки и URL-адреса изображений
  • details поддерживает HTML-строки
  • Установите link, чтобы сделать карточку кликабельной