Input Group Copy Button

A text input with a star icon and a copy button at the end, used for showing a component name or code snippet that a user can copy with one click.

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

"use client";

import InputGroupCopyButton from "@/components/ui/c-input-group-21";
import { Toaster } from "@/components/ui/sonner";

export default function Default() {
  return (
    <div className="flex w-full items-center justify-center p-10">
      <InputGroupCopyButton />
      <Toaster />
    </div>
  );
}