Tag Input

Free-form chips input: type and press Enter (or comma) to add a tag, Backspace on an empty field to remove the last one.

Beta

Ready to use, but its API may still change before it is marked stable.

Usage

import { TagInput } from "@qeetrix/ui";

It can also be imported on its own from @qeetrix/ui/components/tag-input.

hover · focus-visible · disabled · read-only · invalid

No ARIA widget pattern. Not yet audited.

Tab Enter Backspace Delete ArrowLeft ArrowRight Home End Escape

Announced politely: screen readers read it when the user is idle.

Covered by unit, accessibility (axe), interaction and visual tests.