Carousel

from djust import LiveView
from djust.decorators import event_handler
from djust.components import Carousel


class MyView(LiveView):
    template_name = "my_template.html"

    def mount(self, request, **kwargs):
        self.component = Carousel(images=[{'src': 'https://picsum.photos/seed/one/600/300', 'alt': 'First slide', 'caption': 'Slide one'}, {'src': 'https://picsum.photos/seed/two/600/300', 'alt': 'Second slide', 'caption': 'Slide two'}], active=0)

    @event_handler()
    def carousel_prev(self, **kwargs):
        self.component.active = self.component.active - 1

    @event_handler()
    def carousel_next(self, **kwargs):
        self.component.active = self.component.active + 1

    @event_handler()
    def carousel_go(self, value, **kwargs):
        self.component.active = value

{{ component }}