Демонстрация работы компонента
component:page-subtitle
Подзаголовок под заголовком страницы с декоративной линией и плавным появлением. Стоит сразу под заголовком, разделительная линия рисуется под ним — без подборов под пиксели. Текст внутри — полноценная вики-разметка: ссылки, жирный и курсив работают. На этой странице компонент подключён к собственному заголовку — позицию видно вживую прямо сверху.
Быстрый старт
Обязателен только subtitle. Внутри работают ссылки и вики-разметка. Позицию подбирать не нужно.
[[include component:page-subtitle
|subtitle=[#s Сразу перейти к списку]
]]
Примеры
Штамп «секретно» справа:
[[include component:page-subtitle
|subtitle=Совершенно секретно
|transform=uppercase
|color=#b33939
|align=flex-end
|line-width=40px
]]
Центрированный слоган без короткой чёрточки:
[[include component:page-subtitle
|subtitle=Пространство за пределами реальности
|align=center
|line-width=0
|color=#2e8b57
]]
subtitle
Текст подзаголовка. Единственный обязательный параметр. Поддерживает ссылки Текст и разметку. Без него на обычных страницах компонент ничего не выводит.
align
Выравнивание: flex-start (по умолчанию, слева), center, flex-end (справа).
color / size / font
Цвет текста и короткой чёрточки (по умолчанию #666666), размер шрифта (по умолчанию 15px) и семейство шрифтов (по умолчанию 'Fantasque Sans Mono', monospace). Примеры: color=#b33939, size=16px, font=Georgia, serif.
transform / letter-spacing
Регистр (none / uppercase / lowercase, по умолчанию none) и межбуквенный интервал (по умолчанию 1px). Примеры: transform=uppercase, letter-spacing=2px.
line-width
Длина короткой декоративной чёрточки перед текстом. По умолчанию 25px. Значение 0 убирает её (длинная линия-разделитель под подзаголовком остаётся).