Dev Design Library

Text Processing Panel

A two-column (stacked on mobile) single-input → single-output NLP shell: labeled textarea + live word count + optional CharLimitIndicator on the left; a result pane (spinner / pre-wrap text / empty slot) with copy-with-feedback on the right.

Text Processing Panel preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/input-controls/text-processing-panel
Files
  • apps/ui/registry/localmode/input-controls/text-processing-panel/text-processing-panel.tsx
  • apps/ui/src/lib/utils.ts
  • apps/ui/registry/localmode/input-controls/char-limit-indicator/char-limit-indicator.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode