System Prompt Editor

A controlled system-prompt editor (value in, onChange out) with quick-pick presets composed via the OptionList primitive: selecting a preset replaces the textarea value; free-form edits that match no preset deselect all presets. Exports SYS.

Library

LocalMode

Framework

React

Type

component

License

MIT

Install

npx shadcn add @localmode/ui/ui/input-controls/system-prompt-editor

Files

• apps/ui/registry/localmode/input-controls/system-prompt-editor/system-prompt-editor.tsx
• apps/ui/registry/localmode/input-controls/option-list/option-list.tsx
• apps/ui/src/lib/utils.ts

Source

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

Categories

• Form Components
• React Form Components
• Tailwind CSS Form Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Textarea Components
• React Textarea Components
• Tailwind CSS Textarea Components

More from LocalMode

• Data Extractor Block
• Chat Block
• Document QA Block
• PII Redactor Block
• Model Evaluator Block
• Sentiment Analyzer Block
• Text Classifier Block
• Threshold Calibrator Block
• Language Detector Block
• Complete Block
• Summarize Block
• Translate Block