HomeFeature

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

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

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

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

⚡

Быстрый

Rspress собирает быстро

🧩

MDX в приоритете

MDX везде

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, чтобы сделать карточку кликабельной

#HomeFeature

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