Counter

A numeric stepper input with increment/decrement buttons and a typable value field, for adjusting bounded quantities like tool-call limits or item counts.

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

import * as React from "react";
import { Counter } from "@/components/ui/counter";

export default function CounterDemo() {
  const [value, setValue] = React.useState(4);
  return <Counter value={value} onChange={setValue} min={1} max={20} />;
}