Перейти к содержимому

CoreMarquee

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Бегущая строка: дети слота прокручиваются по кругу. Для читателя — пауза при наведении, для скринридера — обязательный aria-label (SC 2.2.2: движение дольше 5 секунд должно останавливаться).

Строка из меток

CoreButtonCoreCardCoreInputCoreTabs

Обратное направление

alphabetastable

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.
MDC
Бегущая строка: дети слота прокручиваются по кругу. Для читателя — пауза при наведении, для скринридера — обязательный `aria-label` (SC 2.2.2: движение дольше 5 секунд должно останавливаться).

### Строка из меток

::core-marquee{duration="30" pause-on-hover aria-label="Список компонентов"}
  :core-chip{label="CoreButton"}
  :core-chip{label="CoreCard"}
  :core-chip{label="CoreInput"}
  :core-chip{label="CoreTabs"}
::

### Обратное направление

::core-marquee{duration="30" reverse pause-on-hover aria-label="Список статусов"}
  :core-chip{label="alpha"}
  :core-chip{label="beta"}
  :core-chip{label="stable"}
::