UI Components

Pre-built interactive components for common patterns.

Modal

Modal.create("confirm-modal")
    .title("Confirm Action")
    .body(p("Are you sure?"))
    .footer(
        button(attrs().onClick("Modal.close('confirm-modal')"), "Cancel"),
        button(attrs().onClick("handleConfirm()"), "Confirm")
    )
    .render()

Tabs

Tabs.create()
    .tab("overview", "Overview", overviewContent())
    .tab("details", "Details", detailsContent())
    .tab("settings", "Settings", settingsContent())
    .render()

Dropdown

Dropdown.create("Actions")
    .item("Edit", "/edit")
    .item("Delete", "handleDelete()")
    .divider()
    .item("Settings", "/settings")
    .render()

Toast Notifications

// Setup in layout
Toast.setup()

// Trigger via JavaScript
Toast.success("Saved successfully!")
Toast.error("Something went wrong")
Toast.info("New message received")