Skip to main content
Auto-expanding textarea for editing customer notes. Features:
  • Auto-save with 300ms debounce
  • Character counter (max 4000)
  • “Saving…” and “Saved” indicators
Designed for CSRs to quickly add notes during or after calls without needing to click a save button.

​
Props

​
notes
string
required
notes
​
onSave
(notes: string) => Promise<void> | void
required
onSave
​
maxLength
number
maxLength

​
Usage

import { CustomerNotesEditor } from '@/components/CustomerNotesEditor';

export default function Example() {
  return (
    <CustomerNotesEditor notes={notes} onSave={onSave} />
  );
}