Carousel

MarqueeCarousel

Component

Continuously auto-scrolling carousel.

Usage

python
MarqueeCarousel(
    items=[<[Container uid='1EFIF8AIeAc', element='div', inner_html='Item 0' children=0]>, <[Container uid='0jgf0eap35s', element='div', inner_html='Item 1' children=0]>, <[Container uid='k1F_hUf_DZQ', element='div', inner_html='Item 2' children=0]>, <[Container uid='410o2lLVVy8', element='div', inner_html='Item 3' children=0]>],
    speed=1.2,
)

Live Preview

Item 0

Item 1

Item 2

Item 3

Item 0

Item 1

Item 2

Item 3

SliderCarousel

Component

Paginated slide-by-slide carousel with dot navigation and arrows.

Usage

python
SliderCarousel(
    items=[<[Container uid='zhT-ZrVnuIk', element='div', inner_html='Slide 0' children=0]>, <[Container uid='bqCEe39hCts', element='div', inner_html='Slide 1' children=0]>, <[Container uid='6rT9CfVCKtk', element='div', inner_html='Slide 2' children=0]>],
    autoplay=True,
)

Live Preview

‹

Slide 0

Slide 1

Slide 2

›