Redacted Text Display

An inline-annotated text renderer interleaving plain text with color-coded redaction tokens (e.g. [PER], [LOC]) styled per entity type with native tooltips, including a scanning loading skeleton and an empty placeholder. Takes source text +.

Library

LocalMode

Framework

React

Type

component

License

MIT

Install

npx shadcn add @localmode/ui/ui/results/redacted-text-display

Files

• apps/ui/registry/localmode/results/redacted-text-display/redacted-text-display.tsx
• apps/ui/src/lib/utils.ts

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• Text Components
• React Text Components
• Tailwind CSS Text Components
• Text Highlight Components
• React Text Highlight Components
• Tailwind CSS Text Highlight Components

More from LocalMode

• Synced Transcript Viewer
• Document QA Block
• PII Redactor Block
• Chunk Boundary Visualizer
• Mask Token Input
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel