Webdev Token Input

Build multi-value token/chip inputs (tags, filters, email recipients) on top of combobox autocomplete patterns.

Prerequisites

This skill builds on webdev-combobox-autocomplete. Start there for state model, ARIA patterns, keyboard navigation, and async suggestions.

Token State Model

Extends combobox state with token-specific properties:

interface TokenInputState extends ComboboxState {
  // Token-specific state
  tokens: FilterToken[];
  activeTokenIndex: number | null;  // For arrow-key navigation between tokens
}