Loading Overlay

from djust import LiveView
from djust.decorators import event_handler
from djust.components import LoadingOverlay
from django.utils.safestring import mark_safe


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

    def mount(self, request, **kwargs):
        self.component = LoadingOverlay(content=mark_safe('<p style="margin:0 0 0.5rem">This card stays visible underneath the overlay.</p><button type="button" dj-click="toggle_loading">Toggle the overlay</button>'), text='Loading…')

    @event_handler()
    def toggle_loading(self, **kwargs):
        self.component.active = not self.component.active

{{ component }}