Number Input

InputNumber

Title

<InputNumber name="name" title="title" />

InputNumber - with Hint and Help

Title

Hint text

<InputNumber name="name" title="Title" hint={<span className="text-red-500">Hint text</span>} help={"Help text"} />

InputNumber - with all Options

Title*

import InputNumber from "~/components/ui/input/InputNumber";

export default function PreviewInputNumberWithAllOptions() {
  const [value, setValue] = useState(0);
  return <InputNumber name="name" title="Title" value={value} setValue={setValue} min={0} max={10} required step="0.01" />;
}