Origin UI

Input with tags

Forms 13

About

shadcn/ui input with tags

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Input with tags to your project and fits it to your theme.

Code

How Input with tags is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { InputDemo } from "@/components/ui/input-with-tags";

function InputWithTagsDemo() {
  return (
    <div className="block">
      <InputDemo />
    </div>
  );
}

export { InputWithTagsDemo };

Dependencies

More by Origin UI

View all
  • Dialog

    Dialog

    1.2K
  • Avatar

    Avatar

    978
  • useImageUpload

    useImageUpload

    934
  • usePagination

    usePagination

    628
  • Popover

    Popover

    384
  • Button

    Button

    369
  • Command

    Command

    331
  • Calendar [React Day Picker]

    Calendar [React Day Picker]

    265

More in Forms

View all
  • Premium Auth

    Premium Auth

    525
  • Contact Card

    Contact Card

    1K
  • Form

    Form

    16
  • Card Studio

    Card Studio

    41
  • Login 2

    Login 2

    7
  • Book A Demo 3

    Book A Demo 3

    90
  • Book A Demo 1

    Book A Demo 1

    74
  • HeroUI Field Error

    HeroUI Field Error

    10