CoreToggleGroup
Примеры использования и документация.
Сегментированный выбор одного варианта из небольшого набора: периоды («день / неделя / месяц»), режимы просмотра, способы сортировки. Все варианты видны одновременно одним кликом, активный подсвечен «приподнятым» чипом — пользователь мгновенно понимает, какой режим включён и что ещё доступно.
Технические детали: значение — v-model (modelValue / update:modelValue), выбор всегда ровно один — повторный клик по активному пункту не снимает выбор (сегментированный контрол, не группа чекбоксов; изначально может быть «ничего»). Пункты — items: CoreTabItem[] (реюз типа табов: label + value + иконка/disabled; иконка рендерится через CoreIcon, 16px). Контейнер — «пилюля» на bg-muted с role="group"; активная кнопка — чип на bg с лёгкой тенью. block растягивает группу на всю ширину — кнопки делят место поровну (flex: 1). Доступность: нативный disabled на кнопке блокирует клики, aria-pressed отражает активность, фокус — :focus-visible; hover — только на устройствах с курсором. flow — активная кнопка переливается градиентом цветов темы (--core-flow-image, 9s ease-in-out infinite). Reduced motion — статичный градиент.
выбрано: all · Tab — один стоп на группе, ←→ и Home/End переключают