Price Range Input Group

A grouped input control that combines two number fields with labels and separators into one bordered unit, used for entering a min/max price range with an apply button.

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

import PriceRangeGroup from "@/components/ui/v-group-17";

export default function PriceRangeGroupDemo() {
  return (
    <div className="flex min-h-[300px] w-full items-center justify-center p-8">
      <PriceRangeGroup />
    </div>
  );
}