[Input Text] Proposal to add custom props to the suggestions button

Expected Behavior

I want to propose adding the ability to pass props to the suggestions button that exists in the InputText component. I wanted to add some attributes to the button or even be able to customize the button based on my existing custom theme for example. I could do it with javascript but wouldn’t be the best way 😃

Actual Behavior

As far as I saw, currently, it’s not possible to customize the suggestions button props in the InputText component:

https://github.com/grommet/grommet/blob/316e802ed2a05f71344977f6b3eb0f7283f30e5d/src/js/components/TextInput/TextInput.js#L370-L391

URL, screen shot, or Codepen exhibiting the issue

---

Does that make sense? If so, I’m happy to open a PR doing that 🚀

[rodrigoea]

@jcfilben thanks for your reply!

I use a tool that collects data for click events, and I want to track clicks in each item of the suggestion list by passing a custom data attribute to the buttons.

I managed to work around it by passing a custom label (similar to what you shared), this way the tool can capture the clicks 👍🏻 - It works for now!

Since I managed to work around it, I’m closing the issue 😄 - thanks!

[jcfilben]

We do allow custom suggestions, see this storybook example. However, I realize this method doesn’t let you edit the actual button but instead allows you to edit the content of the button. Can you share what you are trying to achieve that cannot be done without editing the button? I’m just trying to better understand the use case