how to bind to properties rather then attributes?

[jimmywarting]

for things that isn't defined with attributes such as indeterminate on checkboxes... how can i set it?

tried things like:

<input type="checkbox" :indeterminate="boolean">

but it only seems to do things with attributes?

[browner12]

AFAIK :indeterminate is a CSS pseudo class that helps you style the element, unrelated to Alpine.

so if you're using something like Tailwind, you can do

<input type="checkbox" class="appearance-none indeterminate:bg-gray-300 ..." />

[jimmywarting]

indeterminate is also a IDL property (not just a css stuff)
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes

[browner12]

Gotcha.

I think Alpine can only bind to content attributes, not IDL attributes. So I think you'd need use javascript triggered by an event.

<input type="checkbox" x-on:click="$el.indeterminate = true" />

[jimmywarting]

I tough so, would be nice to be able to bind to element properties too that don't have things as attributes.