Подкомпонент, предназначенный для создания сложного контента в PanelHeader, включая добавление аватаров и подзаголовков.

Текстовые элементы

Заголовок

Текст заголовка следует передавать в свойство children данного компонента.

Дополнительный контент заголовка

В свойство aside можно передать дополнительный контент (чаще всего, иконку размером 12px), который будет располагаться справа от заголовка.

Подзаголовок

Подзаголовок, располагающийся под заголовком, следует передавать в свойство subtitle.

Контент в начале

В компоненте доступна возможность добавления дополнительного контента в начале через свойство before. Наиболее частый вариант использования свойства before - аватары (компонент Avatar).

Следует руководствоваться следующими правилами:

• на мобильных устройствах старайтесь использовать аватары размером 36px;
• на планшетах и десктопах аватары размером 32px.

Обработчики событий

Компонент позволяет обрабатывать нажатия через свойство onClick. В таком случае вся шапка становится кликабельным элементом (role="button"), поэтому старайтесь не вкладывать другие интерактивные элементы (кнопки, ссылки), чтобы не нарушать a11y.