Components
Component that displays tags with an animation when they are added or removed from the list of selected tags
Loading preview...
import { AnimatedTags } from "@/components/ui/animated-tags";
import { useState } from "react"
const initialTags = [
"react",
"tailwindcss",
"javascript",
"typescript",
"nextjs",
]
export default function DemoOne() {
const [selected, setSelected] = useState<string[]>([])
return (
<div>
<AnimatedTags
initialTags={initialTags}
selectedTags={selected}
onChange={setSelected}
/>
</div>
)
}