§09-21Forms
タグ入力 (chip 入力)
入力した語を Enter でチップに変えて並べる。
複数のラベルや宛先を自由入力で追加する。候補が決まっていない語を付けたいときや、入力済みの項目を個別に外したいときに向く。
実装のポイント
Enter とカンマで確定し、空欄での Backspace は直前のチップを消す。IME 変換中の Enter は isComposing で除外し、重複タグは追加前に弾く。
- 特徴
- キーボード操作
- フォーム
- デモで使っているもの
- lucide-react