(используя свелт), которая бы умела работать со слайдами переданными в slots?
Почему не slidy/element - в компоненте слайдера должен быть включен дотс и еще некоторые настройки
Я пробую сделать новый веб компонент, на базе примера с slidy/core. В этом веб компоненте я делаю
<slot tabindex="0"
role="listbox"
use:slidy={{
index,
clamp: 0,
indent: 1,
sensity: 5,
gravity: 1.2,
duration,
axis,
snap,
loop,
}} on:move={onMove}>
</slot>
внутри слота в html я уже ставлю
<li>
<img
src="https://images.unsplash.com/photo-1573969697766-0e78459ae043?w=804"/>
</li>
<li>
<img
src="https://images.unsplash.com/photo-1570231208815-a8a53ff11b36?w=1824"/>
</li>
Сложность в том что похоже slidy:core не может установить для slot атрибут с css в котором задано смещение.
Возможно проблема в том что для доступа к элементам слота необходимо использовать https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements
Но при этом в <slidy-element> все работает.
Что нужно сделать с slidy/core чтобы он смог работать со слотом полученным из html?
Чет не пойму вообще ничего 😁 репл есть?
Slidy needed true render childNodes 😁
Обсуждают сегодня