fix(#2867): docs autocomplete prop for input, textarea, dropdown

[syedszeeshan]

story: GovAlta/ui-components#2867

[netlify]

✅ Deploy Preview for abgov-ui-component-docs ready!

Name	Link
🔨 Latest commit	15ec7fb
🔍 Latest deploy log	https://app.netlify.com/projects/abgov-ui-component-docs/deploys/687146f3bb57430008dac183
😎 Deploy Preview	https://deploy-preview-394--abgov-ui-component-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[syedszeeshan]

@twjeffery
I added a badge prop to the ComponentProperties page to accept custom text and the badge type for color.
Currently, we do this for "Required" prop only, as a yellow badge, so this is something new I added. If you dont like it then I will remove this.

[bdfranck]

@syedszeeshan That's an interesting approach! Thanks for exploring that.

I noticed that we just call out the non-native only properies in the description. Can you think of a benefit for the badge instead of just using the description like the below screenshot?

The custom badge is a good idea if we have the need for adding more in the future. Is there a need for other types of badges in the properties?

[vanessatran-ddi]

QA feedback (11 July, 2025):

• the attribute autoComplete is not on LTS at least for React (remove from Input, Dropdown and Textarea for LTS version)

https://github.com/GovAlta/ui-components/blob/lts/libs/react-components/src/lib/input/input.tsx#L73

[syedszeeshan]

@syedszeeshan That's an interesting approach! Thanks for exploring that.

I noticed that we just call out the non-native only properies in the description. Can you think of a benefit for the badge instead of just using the description like the below screenshot?

The custom badge is a good idea if we have the need for adding more in the future. Is there a need for other types of badges in the properties?

I was just trying to be creative.

I have updated the PR:
-the underlying text is changed to "Specifies the autocomplete attribute for the dropdown input. Native only." for dropdown.
-the LTS version will not show the autoComplete prop
-the badge functionality is still there..ComponentProperties.tsx has an optional badge prop... it's just not used for the dropdown. which means the grey badge "native only" is not going to show up anymore. But we do still have this available, for future use.

The reason I thought of making it a badge is b/c it stands out, just like the Required badge...except that this badge prop (unlike Required flag) will accept any custom text and also allows different colors (when we choose the badge type).

If there are any other changes required, please let me know.
@bdfranck @twjeffery @vanessatran-ddi

[bdfranck]

@syedszeeshan Looks good to me! 👍

[ArakTaiRoth]

@twjeffery This PR is ready to be merged