Live demo — this example is server-driven; run the showcase locally for the interactive version.

Rectangle selection

Use Rectangle selection straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Java Builder
Qute template

Templates

rectangle-selection

{#include components/data-display/rectangle-selection /}

Rectangle selection — PHA custom component 
 Optional: id — DOM id on the root; omit unless something else references the selector.
                                                            selector (optional, default: [data-selectable]),
                                                            fadeOut (optional, default: true) 
 Requires: /web/js/alpine/components/rectangle-selection.js loaded before Alpine

 Requires: /web/css/components/rectangle-selection.css