ns-ui
Inline redaction bar sized by the real text beneath it — hold to peek and the ink flows back after release, click to latch it open; the lifted bar stays hovering as a thin overline so the redaction never disappears.
Use when a redacted value inside running prose where the bar must be sized by the real text underneath so it cannot lie about the length, with hold-to-peek, click-to-latch, and a thin overline left behind so the redaction never fully disappears; pick consent-scope-redact instead when the redaction is driven by the user's own sharing switches rather than by a reader peeking, or truncation-word-count when the content is merely long rather than sensitive.
Install
npx shadcn add https://design.helpmarq.comns-ui / redaction-hold-reveal
At 03:12 UTC, was paged after the payments queue backed up. The root cause was a credential rotated without notice on the cluster. A temporary key was issued to and the backlog of in held transfers cleared by 04:07 UTC. Access for the deprecated service account has been revoked.
hold a bar to peek — the ink flows back after release. click to keep it lifted.
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | — | The sensitive text under the bar. Sized by the real text, so the bar never lies about length. |
| label? | string | — | Tiny mono tag on the bar naming WHAT is hidden without revealing it — "email", "amount". |
| resealMs? | number | — | ms after a hold-peek release before the ink flows back. |
| className? | string | — | — |