Attributes

To allow binding state to HTML element attributes, a couple of helpers are provided.

It’s possible to bind attributes with x-attr:

The idea is that x-attr tells Sidewind that there are bindings and then @ is used to signify which. Using the keyword is a small optimization and it also makes it easier to find spots in code where you might have attribute bindings in place.

For classes, it’s possible to pass an array to evaluate to produce multiple classes based on expressions:

Default classes are retained as this allows more compact syntax with a fallback:

Attributes have access to the element itself through element:

Note that this points to Window should you need it. The same functionality is available to all evaluations.