Domain Suffix Input Group

A grouped text input with an attached read-only label suffix (like a domain input showing ".com"), built with accessible ARIA grouping.

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

import Component from "@/components/ui/v-group-7";

export default function DemoVGroup7() {
  return (
    <div className="flex w-full max-w-sm items-center justify-center p-8">
      <Component />
    </div>
  );
}