CustomerTagsEditor - Renchi AI

Inline tag editing for customer categorization. Features:

Display existing tags as removable chips
”+” button to add new tags
Enter to confirm, Escape to cancel
Auto-saves on add/remove

Designed for CSRs to quickly categorize customers without opening a separate dialog.

Props

string[]

required

tags

(tags: string[]) => void

required

onUpdate

Usage

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

export default function Example() {
  return (
    <CustomerTagsEditor tags={tags} onUpdate={onUpdate} />
  );
}