<wa-tag-input>

Tag inputs collect a list of short values, such as keywords, email addresses, or labels, as removable tags.

Category

Forms

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

34.7 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,855,650 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

Last published

Sep 24, 2026

Component last changed

Sep 16, 2026 (in 3.13.0)

License

MIT

Status

experimental

• Documentation
• Demo
• Source code

Attributes

• value
• delimiter
• max-tags
• min-tags
• allow-duplicates
• with-clear
• placeholder
• label
• hint
• with-label
• with-hint
• size
• appearance
• pill
• readonly
• required
• autocapitalize
• autocorrect
• autocomplete
• enterkeyhint
• spellcheck
• inputmode
• name
• disabled
• custom-error
• dir
• lang
• did-ssr

Slots

• label
• start
• end
• clear-icon
• hint

Events

• input
• change
• blur
• focus
• wa-create
• wa-clear
• wa-invalid

CSS Parts

• form-control-label
• tag-input
• start
• tags
• tag
• tag__content
• tag__remove-button
• tag__remove-button__base
• input
• clear-button
• end
• hint