Twig Component with Stimulus Attributes

[Tomoya Hamasaki]

How does one use stimulus when using a component?

<twig:Component {{ stimulus_controller('example') }} />

I can't do this as I can with a typical element. Is the only way to achieve this goal is by doing this?

<twig:Component data-controller="example" />

[Matheo D.]

Yes the HTML syntax allows you to only add attribute to your component and can't parse twig directly like that

[Simon André]

<twig:Component {{ stimulus_controller('example') }} />

@TomoyaHamasaki here you can use the ... syntax

<twig:Component {{ ...stimulus_controller('example') }} />

:)

[Tomoya Hamasaki]

<twig:Component {{ stimulus_controller('example') }} />

@TomoyaHamasaki here you can use the ... syntax

<twig:Component {{ ...stimulus_controller('example') }} />

:)

I love you, but why does that work? lol what is ...?

[Tomas Norkūnas]

It's a spread operator (destructuring) borrowed from JavaScript