cosscom__coss/apps/ui/public/r/number-field-with-step.json

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "number-field-with-step",
  "type": "registry:example",
  "description": "A number field with step",
  "registryDependencies": ["@coss/number-field"],
  "files": [
    {
      "path": "registry/default/examples/number-field-with-step.tsx",
      "content": "import {\n  NumberField,\n  NumberFieldDecrement,\n  NumberFieldGroup,\n  NumberFieldIncrement,\n  NumberFieldInput,\n  NumberFieldScrubArea,\n} from \"@/registry/default/ui/number-field\"\n\nexport default function NumberFieldWithStep() {\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <NumberField defaultValue={0} step={10}>\n        <NumberFieldScrubArea label=\"Step 10\" />\n        <NumberFieldGroup>\n          <NumberFieldDecrement />\n          <NumberFieldInput />\n          <NumberFieldIncrement />\n        </NumberFieldGroup>\n      </NumberField>\n      <NumberField defaultValue={0} step={0.1}>\n        <NumberFieldScrubArea label=\"Step 0.1\" />\n        <NumberFieldGroup>\n          <NumberFieldDecrement />\n          <NumberFieldInput />\n          <NumberFieldIncrement />\n        </NumberFieldGroup>\n      </NumberField>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "categories": ["number field"]
}