Trigger JS components from outside Alpine about kutty HOT 3 OPEN

There's a couple of ways to interact with Alpine components from outside of them.

The cleanest is to send custom events (dispatchEvent(new CustomEvent('my-event'))) and listen to that event on the Alpine side.

You can also find the root DOM node and read/write the Alpine.js state at .__x.$data

from kutty.

I know what you are saying, it's annoying for me too to build the dialog component in the same place as the trigger.
But I don't think there is a way to separate those for now. I'll ask some alpine people about how to make it better.

Also checkout headlessui which will I'm thinking of using once it's released.

I'll keep this issue open until we find a solution.

from kutty.

For reference, here's a good article on how to trigger custom events from outside: https://tonylea.com/setting-alpine-data-outside-of-the-component

from kutty.