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

CoreScrollRow

Примеры использования и документация.

Горизонтальный ряд панелей, который скроллится только когда контент шире контейнера. SSR-first: до гидрации (и без JS) рендерится нативный скролл-контейнер с scroll-snap и клавиатурным фокусом (tabindex="0", правило axe scrollable-region-focusable); после монтирования слот переезжает в CoreSlider (@egjs/flicking) — инерционный драг, snap, bound не растягивает камеру, когда панели влезают. Контент один в обоих режимах: панели — прямые дети слота с классом flicking-panel; ширину и отступы панелей задаёт вызывающий. Доступное имя региона — проп label.

Чипы (наполнение шире контейнера — скролл; при нехватке JS — нативный скролл-фолбэк из SSR)

Nuxt 4
@nuxt/content
@nuxtjs/i18n
UnoCSS
Vitest
motion-v
vue-use
@egjs/flicking
driver.js
canvas-confetti
libphonenumber-js
@nuxt/icon

Карточки товаров (align=center, панели 14rem)

Товар 1

9 990 ₸

Товар 2

12 490 ₸

Товар 3

7 990 ₸

Товар 4

15 990 ₸

Товар 5

11 990 ₸

Товар 6

13 490 ₸