[Feature Request]: Copy obfuscated values (CodeSnippet or PasswordInput)

[pmacibm]

The problem

• Users need to securely view and source sensitive values (e.g., API keys) in the UI.
• Sensitive values should be obfuscated by default to prevent accidental exposure.
• Users should have the option to unobfuscate (reveal) values when necessary.
• Users should be able to easily copy the sensitive value without revealing it.

---

Currently our team (IBM Cloud Observability) uses the PasswordInput in read only mode. However, when the value is obfuscated, the ability to copy the key is disabled. This forces users to reveal the value before copying.

Which is not an obvious simple workflow.

The solution

Expand the CodeSnippet or PasswordInput components to cater to this use case.

PasswordInput - add showCopyButton option
CodeSnippet - add obfuscation option

Examples

https://www.figma.com/design/WwPzxED6b1jP4Iju2oo7kK/Copy-obfuscated-values?node-id=1-64723&t=XAkcI1TzSzG7N7pN-4

Application/PAL

IBM Cloud

Business priority

Medium Priority = upcoming release but is not pressing

Available extra resources

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

[skcele]

Hey y'all! Wanted to chime in here and add that I feel pretty confident that this is something other teams on Cloud would love to use if it were available. I also wonder if a more agnostic solution might be to add an option for a secondary icon button in the field for either component rather than specifically a copy or hide button.