feat(ui): add TagsInput component with click-to-edit behavior (#8066)

## Summary

Add TagsInput component based on shadcn-vue/Reka UI primitives with a
click-to-edit UX pattern.

## Features

- **Click-to-edit behavior**: Starts in read-only state; clicking
enables editing and focuses input; clicking outside exits edit mode
- **Disabled state**: When `disabled=true`, component is completely
inert
- **Empty state placeholder**: Shows input placeholder when tag list is
empty
- **Animated transitions**: Delete button animates when toggling edit
mode

---------

Co-authored-by: Amp <amp@ampcode.com>
This commit is contained in:
Alexander Brown
2026-01-14 21:17:04 -08:00
committed by GitHub
parent 2466949192
commit 23694f37bf
10 changed files with 563 additions and 1 deletions

View File

@@ -16,6 +16,7 @@
"increment": "Increment",
"removeImage": "Remove image",
"removeVideo": "Remove video",
"removeTag": "Remove tag",
"chart": "Chart",
"chartLowercase": "chart",
"file": "file",