Tag Input

Free-form tagger that wraps committed tokens as removable chips and shows a placeholder slot at the end.

design systemstypographymotionType and press ↵
Up to 8 tags. Use hyphens instead of spaces.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Form14 } from "@/components/beste/piece/form14";

<Form14
  label="Topics"
  tags={[
    "design systems",
    "typography",
    "motion"
  ]}
  placeholder="Type and press ↵"
  hint="Up to 8 tags. Use hyphens instead of spaces."
/>