KQ-833 · REDACT/VEIL
Redact Veil
An answer whose sensitive spans sit under hatched bars until they are wanted. Hovering with a mouse or pen, or pressing, lifts a veil: the bar's clip rises from its bottom edge on glide like a curtain, and a hairline under the text then drains across revealFor and drops the veil back on glide, holding while the pointer or focus is on the span and while the tab is hidden. Each span is an inline button whose name is the kind rather than the secret while veiled; Enter or Space toggles it and focus alone never lifts one.
The refund of 48.00 went back to the account ending in on the 3rd. The receipt was sent to and a text to .
3 veiled · hover or press a bar
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/redact-veil
Props
- segments
- VeilSegment[]
- default —
- The answer in order: plain strings and { id, text, kind } spans to veil.
- revealFor
- number
- default 4000
- Milliseconds a lifted veil stays lifted after the pointer and focus leave; 0 or less never re-veils.
- revealed / defaultRevealed
- string[]
- default []
- Controlled or initial ids of the spans currently lifted.
- onRevealChange
- (ids: string[], change: VeilChange) => void
- default —
- Fires with the new lifted set and { id, revealed, by } for the span that changed, where by is "hover", "press" or "timer".
- label
- string
- default —
- Names the answer region and prints as the header caption.
| Prop | Type | Default | Description |
|---|---|---|---|
| segments | VeilSegment[] | — | The answer in order: plain strings and { id, text, kind } spans to veil. |
| revealFor | number | 4000 | Milliseconds a lifted veil stays lifted after the pointer and focus leave; 0 or less never re-veils. |
| revealed / defaultRevealed | string[] | [] | Controlled or initial ids of the spans currently lifted. |
| onRevealChange | (ids: string[], change: VeilChange) => void | — | Fires with the new lifted set and { id, revealed, by } for the span that changed, where by is "hover", "press" or "timer". |
| label | string | — | Names the answer region and prints as the header caption. |