CustomerNotesEditor

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

string

required

notes

(notes: string) => Promise<void> | void

required

onSave

number

maxLength

Usage

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

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

Overview

UI Primitives

Agent Configuration

Settings

Conversations

Dashboard

Inbox

Customers

Knowledge Base

Analytics

Auth & Security

Super Admin

Layout & Providers

Skeletons

CustomerNotesEditor

Props

Usage

​Props

​Usage

Props

Usage