SecretInput

Admin secret input with reveal/hide and an optional copy action — for webhook secrets, env tokens, signed URLs.

#Default usage

<SecretInput aria-label="Webhook secret" copyable defaultValue="whsec_test_value" />

#Import

import { SecretInput } from "@froggdesign/enter-ui-react";

#Accessibility

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.

#API

• Native <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.

#Styling

Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.