Skip to main content
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

tags
string[]
required
tags
onUpdate
(tags: string[]) => void
required
onUpdate

Usage

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

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