ns-ui

Consent Scope Redact

A consent surface that shows instead of tells: a live sentence templated from the user's own record, where each sharing scope is a real switch and toggling it sweeps a felt-pen redaction bar over exactly the tokens that scope withholds.

Use when the consent document and its controls are the same surface, so toggling a sharing scope sweeps a redaction bar over exactly the tokens in the user's own record that the scope withholds, showing the consequence instead of describing it; pick redaction-hold-reveal instead when the redaction is static prose a reader peeks under rather than a live consequence of their own switches, or switch-frost when the toggles govern ordinary settings with nothing to redact.

Install

npx shadcn add https://design.helpmarq.com/r/consent-scope-redact.json
  • consent
  • privacy
  • redaction
  • switch
  • toggle
  • scope
  • form
  • accessibility

ns-ui / consent-scope-redact

DATA SHARING PREVIEW

Order #48213 was placed by Priya Raghavan, shipped to [withheld: city], confirmed by email at p.raghavan@helpmarq.com and by phone at (512) 555-0142, with $284.50 refunded to the original card.

Location
City / region of the order
Contact info
Email and phone on file
Payment amount
Refund total

Sharing Contact info, Payment amount. Withholding Location.

toggle a scope to withhold or share the tokens it controls.

Props

PropTypeDefaultDescription
scopesLampBlackScope[]The switches — one per sharing scope.
recordLampBlackPart[]The sentence, templated as an ordered list of literal text and scope-tagged tokens.
className?string