[Documentation] Show using {{on}} for input components

[jenweber]

In the API guides for input, we show passing actions like this:

<Input @value={{this.searchWord}} @enter={{this.query}} />

However, for Octane-style apps, the preferred way of adding actions to inputs is to use {{on}}, as shown in this part of the Guides:

<label for="input-name">Name:</label>
<Input
  @id="input-name"
  @value={{this.name}}
  @input={{this.validateName}}
/>

To-do:

• Add a brief example using {{on}} to the Input API docs page. It's here. Do not remove any existing explanation of other events/styles. If there is an example from the Guides that you think works well here, use that instead of writing something new.

[romance939913]

Hi @jenweber - Can I take a stab at this??

[jenweber]

@romance939913 that would be awesome! Please get in touch if you have questions.

[GuptaTanisha]

@jenweber Can I work on this issue?

[bertdeblock]

Since #19314 is merged, I think we can close this?

[jenweber]

Yes, that's correct. Sorry we forgot to close this issue when the PR was merged. Thanks everyone for your willingness to help :)