CoreTabs
Примеры использования и документация.
Переключение между разделами внутри одной страницы: пользователь видит все варианты сразу и меняет их в один клик, без переходов и перезагрузки. Берите, когда контент делится на равнозначные группы — вкладки профиля, разделы каталога, периоды отчёта.
Технические детали: варианты variant — underline (подчёркивание) и pills (таблетки). Поддерживаются иконки и disabled-табы в items. Клавиатура: roving tabindex по паттерну ARIA tabs — стрелки, Home/End, disabled-табы пропускаются, фокус переезжает за выбранным табом; ровно один таб держит tabindex=0. flow — активный таб переливается градиентом темы (--core-flow-image), отключается при prefers-reduced-motion. Контент панели — слоты: именованный по значению таба (#docs) даёт статичное содержимое, в том числе из MDC-контента; scoped default получает item/value активного таба для динамического рендера в коде.
Панель «Все»: контент активного таба (role=tabpanel)
pills: day
flow-подчёркивание: all
flow-пилюля: day