> ## Documentation Index
> Fetch the complete documentation index at: https://docs.renchi.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# CustomerNotesEditor

> CustomerNotesEditor component

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

<ResponseField name="notes" type="string" required={true}>
  notes
</ResponseField>

<ResponseField name="onSave" type="(notes: string) => Promise<void> | void" required={true}>
  onSave
</ResponseField>

<ResponseField name="maxLength" type="number" required={false}>
  maxLength
</ResponseField>

## Usage

```tsx theme={null}
import { CustomerNotesEditor } from '@/components/CustomerNotesEditor';

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