CoreBottomNavigation
Примеры использования и документация.
Панель основных разделов внизу мобильного экрана: пользователь переключается между 3–5 ключевыми экранами одним касанием и всегда видит, где находится. Главная навигация мобильных и мобиль-подобных интерфейсов вместо меню-гамбургера; контент не уходит под панель — высота резервируется автоматически, включая safe-area.
Пункты items рендерятся CoreLink (to — переход, активность по route.path) или кнопками (активность через v-model по value, событие update:modelValue); активный пункт получает aria-current (page у ссылок, true у кнопок). Имя nav-landmark локализовано — i18n-ключ coreBottomNav.ariaLabel («Основная навигация»); при нескольких nav на странице переопределяйте ariaLabel. Слот #center переводит бар в сетку 1fr auto 1fr: пункты делятся на левую и правую зоны, в центре — не-пункт (например, бренд-логотип-ссылка на главную).
Высота панели (safe-area, подписи) отслеживается ResizeObserver и публикуется в общий стейт: padding-bottom у body выставляется сам — контент не уходит под fixed-панель ни при каких изменениях. flow — активный пункт переливается градиентом темы; при prefers-reduced-motion градиент статичен.
Активный пункт: forms — панель зафиксирована к низу экрана.