{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-number-field-4","type":"registry:block","title":"Number filed with buttons on right","description":"Number filed with buttons on right","dependencies":[],"registryDependencies":["@reui/number-field"],"files":[{"path":"c-number-field-4.tsx","type":"registry:block","content":"import {\n  NumberField,\n  NumberFieldDecrement,\n  NumberFieldGroup,\n  NumberFieldIncrement,\n  NumberFieldInput,\n  NumberFieldScrubArea,\n} from \"@/components/reui/number-field\"\n\nexport function Pattern() {\n  return (\n    <div className=\"w-full max-w-48\">\n      <NumberField defaultValue={5} min={0} max={100}>\n        <NumberFieldScrubArea label=\"Amount\" />\n        <NumberFieldGroup>\n          <NumberFieldInput className=\"text-left\" />\n          <NumberFieldDecrement className=\"rounded-none!\" />\n          <NumberFieldIncrement />\n        </NumberFieldGroup>\n      </NumberField>\n    </div>\n  )\n}","target":"components/examples/c-number-field-4.tsx"}],"meta":{"order":4}}