Dev Design Library

Mask Token Input

A fill-mask / cloze textarea that detects a configurable mask token (default [MASK]), shows an inline highlighted preview of the mask span, a 'detected' vs 'Add [MASK]' validation hint, a randomize/sample button, and a Cmd+Enter submit badg.

Mask Token Input preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Install
npx shadcn add @localmode/ui/ui/input-controls/mask-token-input
Files
  • apps/ui/registry/localmode/input-controls/mask-token-input/mask-token-input.tsx
  • apps/ui/src/lib/utils.ts
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode