datastar/site/static/md/examples/classes.md

Classes

Demo

Count

Remake blink tag

Explanation

<div
    data-signals="{count:0}"
    data-on-raf__throttle.500ms="$count++"
    data-computed-blinker="$count % 2 === 0"
>
    <div data-text="$count">Count</div>
    <div data-class="{'text-primary': $blinker,'font-bold': $blinker}">
        Remake blink tag
    </div>
</div>

Here we are using computed signal to signals a boolean then use it to drive classes