Admin secret input with reveal/hide and an optional copy action — for webhook secrets, env tokens, signed URLs.
Admin secret input with reveal/hide and an optional copy action — for webhook secrets, env tokens, signed URLs.
Defaults to password type; click reveal to switch to text.
<SecretInput aria-label="Webhook secret" copyable defaultValue="whsec_test_value" />import { SecretInput } from "@froggdesign/enter-ui-react";Reveal toggles the underlying type between password and text. The reveal button announces the next state. Combine with Label or FormField for an external label; the field itself accepts aria-label.
<input> props except type (managed internally).revealed / onRevealedChange: control the reveal state externally.copyable: render a Copy button when there is a value.invalid: red ring for validation errors.Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.