An input field for adding, editing, and removing multiple tags using Enter or comma keys.
'use client'; import { TagsInput } from '@/components/ui/tags-input'; import React, { useState } from 'react'; export default function App() { const [tags, setTags] = useState<string[]>(['react', 'nextjs']); return ( <div className='max-w-xl mx-auto py-16'> <TagsInput tags={tags} setTags={setTags} className='lg:w-96' /> </div> ); }