УрФУ

Carousel 🔗

Карусель с бесконечной прокруткой, которая автоматические настраивается под размер экрана и ширину контента (но все потомки должны быть одинаковой ширины)

Пример использования:

image1 image1 image1

Исходный код для примера выше: 

<Carousel margin={10}>
    <img class="carousel-img" src="/img/image1.jpg" alt="image1">
    <img class="carousel-img" src="/img/image2.jpg" alt="image1">
    <img class="carousel-img" src="/img/image3.jpg" alt="image1">
</Carousel>

Параметры:

margin
number

Отступ между потомками (в px).
Значение по умолчанию: 10

node
HTMLElement

Параметр для связки с HTML-элементом, который лежит в основе компонента
(аналог стандартного bind:this)

id
string

Аналог стандартного атрибута id

className
string

Аналог стандартного атрибута class