Challenge 1 / 2

A new task just landed on your desk: adding an "auto-grow" feature for the textarea on the contact form improve the UX for customers. Your colleague heard this and gave you a hint that there's already a Stimulus controller that does this in your project: assets/controllers/autogrow_controller.js.

How could you apply that Stimulus controller in the HTML code?

<textarea {{ stimulus_controller('autogrow') }}></textarea>

<textarea data="autogrow_controller"></textarea>

Both A and D are correct

<textarea data-controller="autogrow"></textarea>

<textarea data-controller="autogrow-controller"></textarea>

Rewatch the video