Footer

Подвал всей страницы или текущего экрана.

Сценарий	Решение	Почему важно
Глобальный подвал страницы	Только один на страницу	Соответствие стандартам `WAI-ARIA`
Несколько подвалов	Добавить `aria-label` каждому	Различение разделов скринридерами
Декоративный элемент	`<Footer Component="div">`	Избежать ложной семантики

По умолчанию использует HTML-тег <footer>, дополнительно задаётся роль role="contentinfo" (для поддержки Safari<=13 ↗).

Предназначен для:

Свойства и методы

Свойство Описание

Свойство	Описание
`Component`	`ElementType<any, keyof IntrinsicElements>` По умолчанию: `footer`
`render`	`((props: AllHTMLAttributes<HTMLElement> & HasRootRef<HTMLElement>) => ReactNode)` Позволяет переопределить рендер компонента, получая собранные свойства (включая вычисленные `className` и `style`). Используется вместо `Component`. Позволяет гибко объединять несколько компонентов без создания промежуточных DOM-узлов и без ремаунта поддерева на каждый рендер. По умолчанию: `-`

Component

ElementType<any, keyof IntrinsicElements>

По умолчанию: footer

render

((props: AllHTMLAttributes<HTMLElement> & HasRootRef<HTMLElement>) => ReactNode)

Позволяет переопределить рендер компонента, получая собранные свойства (включая вычисленные className и style). Используется вместо Component.

Позволяет гибко объединять несколько компонентов без создания промежуточных DOM-узлов и без ремаунта поддерева на каждый рендер.

По умолчанию: -