mljr-ui · showcase

Modifiers

Event modifiers after __ control how handlers fire: debounce, throttle, window, document, stop, prevent, once, passive.

datastar ds-modifiers

Usage

// Format: data-on:EVENT__mod1.val__mod2="expression"

data-on:input__debounce.300ms="@get('/search')"  // wait 300ms after last input
data-on:scroll__throttle.100ms="$y=window.scrollY" // max once per 100ms
data-on:click__window="$open=false"               // listen on window, not element
data-on:keydown__document="..."                   // listen on document
data-on:click__stop="$open=!$open"               // stopPropagation()
data-on:submit__prevent="@post('/api')"           // preventDefault()
data-on:click__once="$seen=true"                  // fire exactly once
data-on:scroll__passive="$y=scrollY"             // passive: true (perf)
data-on:keydown__window="if(evt.key==='/'){ evt.preventDefault(); $searchOpen=true }"