🔍

🏷️ Tag Input Component

The <tag-input></tag-input> web component is used by lilthorny.party to upgrade an HTML input to make it more user friendly to enter tags, by support auto complete.

Tag Input Component Demo

This demonstrates the keyboard navigation features of the tag-input component:

Arrow Up/Down: Navigate through suggestion list
Enter: Select focused suggestion or commit typed text as tag
Comma: Commit typed text as tag
Escape: Close suggestions menu

Tags:

Try these examples:

Type "j" to see JavaScript-related suggestions
Type "p" to see programming and psychology tags
Type "n" to see neurology and nature tags
Use arrow keys to navigate, Enter to select

September 24, 2025

@thorny.party

components published

← Back to 🧩 Component Library