Перейти к содержимому
v2.5.0
English
Русский
Документация

Heading

Heading — семантический примитив заголовка.

Пропсы корня

ПропТипПо умолчанию
asHeadingAs—
HTML-тег заголовка для рендера (например, 'h1', 'h2'). Определяет семантическую структуру и уровень для доступности.
sizeHeadingSize—
Визуальный размер заголовка, независимый от тега as. Обычно соответствует типографической шкале дизайн-системы. Принимает значения от 1 (наименьший) до 11 (наибольший).
fontWeight400 | 500 | 600 | 700 | 900—
Насыщенность шрифта текста заголовка. 400: обычный; 500: средний; 600: полужирный; 700: жирный; 900: сверхжирный
refRef<HTMLHeadingElement>—
Ref на нативный HTML-элемент заголовка. Полезен для доступа к DOM или управления фокусом.

Также принимает все атрибуты <h1>–<h6>.

Дочерние части

  • Нет. Heading — единственный экспортируемый примитив.

Типы

  • HeadingProps
  • HeadingAs
  • HeadingSize

Модель состояния

  • У Heading нет контролируемого состояния.
  • Семантика задаётся через as, внешний вид — через size и fontWeight.