Email Chips Input

Interactive — type, paste, remove

Adds on Enter or ,. Backspace on an empty input removes the last chip. Pasting a comma- / newline- / tab- / semicolon-separated list splits and adds each entry in one go. Invalid addresses still become chips — they tint destructive with a tooltip — so consumers filter chip.valid === true before submitting.

Variants — default · primary · destructive

variant picks the tint applied to valid chips. Use default (neutral) when the surrounding form already conveys context, primary to mark a brand-tinted invite list, and destructive for attention-raising contexts (e.g. revoke-access lists). Invalid chips always render destructive regardless of variant so the error signal stays distinct.

States — invalid · disabled

Pass invalid for a consumer-controlled error border (e.g. when the parent form rejects the whole list), independent of per-chip validity. disabled locks the input and freezes chip removal.