Redacted Text
Inline text under a redaction bar that wipes away on click, hover or permission, keeping hidden text away from assistive tech and optionally out of the page.
Preview
Incident note · INC-2291
At 02:14 the billing job retried a payment for using card ending [card digits]. The retry charged twice before the guard tripped.
Click a bar to reveal, hover the card digits to peek. Revealed text reads normally.
Needs permission
- API key
- [API key]
- Owner
- [owner email]
Withheld text isn't in the page until access is granted; a same-length placeholder sits under the bar.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | — | The hidden text. |
| reveal | "click" | "hover" | "manual" | "click" | Toggle button, peek on hover or focus, or only the revealed prop. |
| revealed / defaultRevealed | boolean | false | Revealed state; onRevealedChange reports toggles. |
| label | string | "redacted text" | What assistive tech hears while hidden. |
| withhold | boolean | false | Keep the real text out of the page while hidden. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.