Tag Input

Klavye dostu metin etiketi oluşturma ve kaldırma alanı.

TagInput.tsx

ReactTypeScript

Kurulum

shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:

$npx shadcn@latest add https://ui.cagriozay.com.tr/r/tag-input.json

import { TagInput } from "@/components/ui"

<TagInput defaultValue={["React"]} maxTags={5} onValueChange={setTags} />

Prop	Tür	Varsayılan	Açıklama
value	string[]	—	Kontrollü etiket listesi.
onValueChange	(tags: string[]) => void	—	Etiket listesi değişikliği callback'i.
maxTags	number	—	En fazla etiket sayısı.
allowDuplicates	boolean	false	Tekrarlanan etiketlere izin verir.