Display a shown-once secret with copy

At a glanceCopy Anchor Link

• Who: Developers displaying API keys and tokens shown only once.
• What: A masked secret field with reveal and copy controls.
• Use when: Right after creating a credential the user must store.
• Avoid when: For passwords the user typed — use a password Input instead.
• See also: Collect text input with a label

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Label, SecretField } from "@zedtech/zedkit-ui";
<Label htmlFor="key">API key (shown once)</Label>
<SecretField id="key" value={key} />

Wraps: lucide-react

PropsCopy Anchor Link